Sample code for 30+ languages & platforms
JavaScript

AI Modify Existing Image with Text Prompt

See more AI Examples

Uses an AI text prompt and uploaded image data to modify an existing image and receive the modified output.
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.

// Load the data from an existing image.
var bdImageData = new CkBinData();
success = bdImageData.LoadFile("qa_data/jpg/kid_blue_coat.jpg");
if (success == false) {
    console.log(bdImageData.LastErrorText);
    return;
}

var ai = new CkAi();

ai.Provider = "openai";

// Use your provider's API key.
ai.ApiKey = "MY_API_KEY";

// Choose a model.
ai.Model = "gpt-5";

var askParams = new CkJsonObject();
askParams.UpdateString("image.output_format","jpeg");
ai.SetAskParams(askParams);

ai.InputAddImageData(bdImageData,"");
ai.InputAddText("Modify the image by replacing the blue coat with a Metallica T-shirt.");

// Give the AI some time (2 minutes).
ai.IdleTimeoutMs = 120000;

// Ask the AI for image output.
success = ai.Ask("image");
if (success == false) {
    console.log(ai.LastErrorText);
    return;
}

// Get the image response data.;
success = ai.GetOutputBd(bdImageData);
if (success == false) {
    console.log(ai.LastErrorText);
    return;
}

bdImageData.WriteFile("c:/aaworkarea/out.jpg");

console.log("Success.");

// -------------------------------
// Sample Input:
// -------------------------------
// image

// -------------------------------
// Sample Output:
// -------------------------------
// image