node.js - OPENAI API 从 openai.createImage() 创建图像响应给出错误

Question

我有一个简单的 react 应用程序来使用 openai api 生成图像，如下所示。

`

import logo from './logo.svg';
import './App.css';
import { useState } from "react";

const { Configuration, OpenAIApi } = require("openai");
const configuration = new Configuration({
  apiKey: process.env.OPENAI_API_KEY,
});
const openai = new OpenAIApi(configuration);

function App() {
  const [userPrompt, setUserPrompt] = useState("")
  const [imageUrl, setImageUrl] = useState("")

  const generateImage = async () => {
    const imageParameters = {
      prompt: userPrompt,
      n:1,
      size: "256x256",
    }
    const response = await openai.createImage(imageParameters);
    const urlData = response.data.data[0].url;
    console.log("urlData =",urlData);
    setImageUrl(urlData);
  }

  return (
    <div className="App">
      {
        imageUrl
          ? <img src={imageUrl} className="image" alt="ai thing" />
          : <img src={logo} className="image" alt="logo" />
      }
      <p>Generate a unique image using DALL·E</p>
      <p>What do you want to see?</p>
      <input
        placeholder='A sunset on the Sydney Opera House'
        onChange={(e) => setUserPrompt(e.target.value)}
      />
      <button onClick={() => generateImage()}>Generate</button>
    </div>
  );
}

export default App;

`

API KEY 在 .env 文件中并且是正确的。但是，当我单击生成按钮时，它会在控制台上抛出错误，如下所示:

我尝试使用 DALL-E API 创建一个 react 应用程序，以使用此 guide 生成图像.在进行 API 调用/请求后，我无法收到(图片)响应消息。

Answer 1

这里是一个 ES6 NodeJs 示例，它可以工作并保存一个 PNG 文件。要让它工作，请在 package.json 之上添加“type”:“module”。对 OpenAi 的请求会返回一组指向 png 文件的 url。 createImage中的“n”是数组中图片的数量。

import { Configuration, OpenAIApi } from "openai";
import http from "https"; // or 'https' for https:// URLs
import fs from "fs";

const configuration = new Configuration({
  apiKey: OPENAI_API_KEY,
});

const openai = new OpenAIApi(configuration);

const response = await openai.createImage({
  prompt: "A cute baby sea otter",
  n: 1,
  size: "1024x1024",
});

const file = fs.createWriteStream("test.png");
const request = http.get(response.data.data[0].url, function (response) {
  response.pipe(file);
  file.on("finish", () => {
    file.close();
    console.log("Download Done!");
  });
});