Sample code for 30+ languages & platforms
JavaScript

OpenAI (ChatGPT) Create Image

See more OpenAI ChatGPT Examples

Show how to send a POST to create an image. Gets the JSON response with URLs and then downloads images to files.
Note
This example is intended for running within a Chilkat.Js embedded JavaScript engine. All Chilkat JavaScript examples require Chilkat v11.4.0 or greater.
JavaScript
var success = false;

// This example assumes the Chilkat API to have been previously unlocked.
// See Global Unlock Sample for sample code.

var http = new CkHttp();

// Implements the following CURL command:

// curl https://api.openai.com/v1/images/generations \
//   -H "Content-Type: application/json" \
//   -H "Authorization: Bearer $OPENAI_API_KEY" \
//   -d '{
//     "prompt": "A cute baby sea otter",
//     "n": 2,
//     "size": "1024x1024"
//   }'

// Use the following online tool to generate HTTP code from a CURL command
// Convert a cURL Command to HTTP Source Code

// Use this online tool to generate code from sample JSON:
// Generate Code to Create JSON

// The following JSON is sent in the request body.

// {
//   "prompt": "A cute baby sea otter",
//   "n": 2,
//   "size": "1024x1024"
// }

var json = new CkJsonObject();
json.UpdateString("prompt","A cute baby sea otter");
json.UpdateInt("n",2);
json.UpdateString("size","1024x1024");

// Adds the "Authorization: Bearer $OPENAI_API_KEY" header.
// This is NOT a real key.  Change the "sk-vi...." to your own key.
http.AuthToken = "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";

var resp = new CkHttpResponse();
success = http.HttpJson("POST","https://api.openai.com/v1/images/generations",json,"application/json",resp);
if (success == false) {
    console.log(http.LastErrorText);
    return;
}

var sbResponseBody = new CkStringBuilder();
resp.GetBodySb(sbResponseBody);

var jResp = new CkJsonObject();
jResp.LoadSb(sbResponseBody);
jResp.EmitCompact = false;

console.log("Response Body:");
console.log(jResp.Emit());

var respStatusCode = resp.StatusCode;
console.log("Response Status Code = " + respStatusCode);
if (respStatusCode >= 400) {
    console.log("Response Header:");
    console.log(resp.Header);
    console.log("Failed.");
    return;
}

// Sample JSON response:
// (Sample code for parsing the JSON response is shown below)

// {
//   "created": 1589478378,
//   "data": [
//     {
//       "url": "https://..."
//     },
//     {
//       "url": "https://..."
//     }
//   ]
// }

// Sample code for parsing the JSON response...
// Use the following online tool to generate parsing code from sample JSON:
// Generate Parsing Code from JSON

var url;
var sbLocalFilePath = new CkStringBuilder();

// Download each image..
http.ClearHeaders();
http.AuthToken = "";

var created = jResp.IntOf("created");
var i = 0;
var count_i = jResp.SizeOfArray("data");
while (i < count_i) {
    jResp.I = i;
    url = jResp.StringOf("data[i].url");

    sbLocalFilePath.SetString("c:/aaworkarea/image_");
    sbLocalFilePath.AppendInt(i+1);
    sbLocalFilePath.Append(".png");

    success = http.Download(url,sbLocalFilePath.GetAsString());
    if (success == false) {
        console.log(http.LastErrorText);
        return;
    }

    i = i+1;
}