DEV Community

Pandeyashish17
Pandeyashish17

Posted on

Let's built an image generator using openai Dall-e and flask python

In this article, I will show you how to use the OpenAI Image Generator in a web application built with the Flask framework. The OpenAI Image Generator is a deep learning model that can generate images from text prompts, making it a powerful tool for creating custom images for various purposes such as website backgrounds, illustrations, or even creating data sets for machine learning.

The first step is to install the necessary libraries. You will need to install Flask, the web framework we will be using to build the application and openai, the python library that provides access to the OpenAI API. You can install them by running the following command:

pip install flask openai
Enter fullscreen mode Exit fullscreen mode

Next, you will need to create a new Flask application and define a route for it. The following code sets up a basic Flask application and defines a single route that generates an image when accessed.

from flask import Flask, render_template
import openai

app = Flask(__name__)

# Authenticate with the OpenAI API
openai.api_key = "Your_openai_api_key" #get them here https://beta.openai.com/account/api-keys

@app.route('/')
def generate_image():
    # Specify the image prompt
    prompt = "cat swimming in a river"

    # Generate the image
    response = openai.Image.create(prompt=prompt, n=1, size="256x256")

    # Get the URL of the generated image
    image_url = response['data'][0]['url']

    return render_template('image.html', image_url=image_url)

if __name__ == '__main__':
    app.run(debug=True)

Enter fullscreen mode Exit fullscreen mode

The first step is to authenticate with the OpenAI API by setting the api_key. This is a unique key that is generated when you create an account on the OpenAI website. The @app.route('/') decorator is used to define the default route for the web application. When this route is accessed, the generate_image() function is called.

This function first specifies the image prompt, which is a text description of the image that the model should generate. In this example, the prompt is "cat swimming in a river". The openai.Image.create() method is then called, passing in the prompt and other parameters such as n and size. The n parameter specifies the number of images to generate and the size parameter specifies the size of the generated images.

The response from the API is a JSON object that contains the URL of the generated image. The image_url is extracted from the response and passed to the render_template() function. This function renders the image.html template and passes the image_url to it.

The image.html template is a simple HTML file that displays the generated image using an img tag. The src attribute of the tag is set to the image_url, so the browser will load the image from that URL.

<!DOCTYPE html>
<html>
  <head>
    <title>Generated Image</title>
  </head>
  <body>
    <img src="{{ image_url }}" alt="Generated Image" />
  </body>
</html>

Enter fullscreen mode Exit fullscreen mode

Top comments (0)