React Native

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. React Native

import { Http, HttpResponse, JsonObject, StringBuilder } from '@chilkat/react-native'

async function chilkatExample() {
  // This example assumes the Chilkat API to have been previously unlocked.
  // See Global Unlock Sample for sample code.

  const http = new Http();

  // 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"
  // }

  const json = new JsonObject();
  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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';

  const resp = new HttpResponse();
  try {
    await http.httpJsonAsync('POST', 'https://api.openai.com/v1/images/generations', json, 'application/json', resp);
  } catch {
    console.log(http.lastErrorText);
    return;
  }

  const sbResponseBody = new StringBuilder();
  resp.getBodySb(sbResponseBody);

  const jResp = new JsonObject();
  jResp.loadSb(sbResponseBody);
  jResp.emitCompact = false;

  console.log('Response Body:');
  console.log(jResp.emit());

  const 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

  let url = '';
  const sbLocalFilePath = new StringBuilder();

  // Download each image..
  http.clearHeaders();
  http.authToken = '';

  const created = jResp.intOf('created');
  let i = 0;
  const countI = jResp.sizeOfArray('data');
  while (i < countI) {
    jResp.i = i;
    url = jResp.stringOf('data[i].url');

    sbLocalFilePath.setString('c:/aaworkarea/image_');
    sbLocalFilePath.appendInt(i + 1);
    sbLocalFilePath.append('.png');

    try {
      await http.downloadAsync(url, sbLocalFilePath.getAsString());
    } catch {
      console.log(http.lastErrorText);
      return;
    }

    i++;
  }
}