sauravhathi/image-generator-using-openai-api

This is a simple image generator using OpenAI API. you can generate images by entering short description of the image or by entering a keyword.

Image Generator using OpenAI API

This is a simple image generator using OpenAI API. you can generate images by entering short description of the image or by entering a keyword.

Demo

https://sauravhathi.github.io/image-generator-using-openai-api/

images generated by AI

How to use

• Enter your OpenAI API key
• Enter a short description of the image or a keyword
• Select image size
• Select number of images
• Click on generate button
• Double click on the image to download it

API Reference

OpenAI API

Note: Sign up for an API key and add it to the api.js file

Run Locally

Clone the project

  git clone https://github.com/sauravhathi/image-generator-using-openai-api

Go to the project directory

1. Create api.js file in the root directory and add your API key

  const api = "YOUR_API_KEY";

  cd image-generator-openai

Open index.html in your browser

Authors

• @sauravhathi

License

MIT

image-generator-using-openai-api's Issues

Generating difficulties

Hey, I am trying to get your image generator to work, but unfortunately I am having difficulties. The UI runs but nothing happens when I press the button. Unfortunately, I don't have an api.js, as included in the script, either.

My error messages:

Thanks a lot for your help!

cool demo, if you add the model to the const data you can leverage dall-e-3

not really an issue, but just wanted to point this out for people finding this cool little demo, if you add the model to it you can get it to render with dall-e-3:

const data = {
model: 'dall-e-3',
prompt: text.value,
n: numImages,
size: ${imageSizes}x${imageSizes},
};

Loading Icon When Generate Image

Hi, i very like your tools to generate ai image.

1. Can you make, loading icon when user click generate button and waiting to image finished generate. For now, when user click button, user not know if image was generate or not (because nothing happen and user need to wait 10 second to know image was generate)

2. Can we limit only one image generate, because 3 image generate will costly around $0.02 per image.

Anyway, i very like your script and waiting to next update. Thank you.