如何使用NodeJS下载OpenAI DALL·E生成的临时链接图片？

方案一：直接通过HTTP请求库下载（推荐） #

DALL·E的临时直链本身可直接访问，cheerio是用来解析HTML结构的工具，对你的需求来说并不适用——你需要的是直接请求图片资源。用axios或node-fetch这类HTTP库发起GET请求，获取图片数据后可直接保存本地，或者跳过本地存储直接上传到Cloudinary。

代码示例（axios + 本地保存） #

const axios = require('axios');
const fs = require('fs');
const path = require('path');

async function downloadDalleImage(imageUrl, savePath) {
  try {
    const response = await axios({
      method: 'GET',
      url: imageUrl,
      responseType: 'stream' // 以流的形式获取，节省内存
    });

    const writer = fs.createWriteStream(path.resolve(__dirname, savePath));
    response.data.pipe(writer);

    return new Promise((resolve, reject) => {
      writer.on('finish', resolve);
      writer.on('error', reject);
    });
  } catch (error) {
    console.error('下载失败:', error.message);
    throw error;
  }
}

// 使用示例
downloadDalleImage('你的DALL·E临时图片链接', 'dalle-image.jpg')
  .then(() => console.log('图片下载完成'))
  .catch(err => console.error(err));

直接上传到Cloudinary（无需本地存储） #

Cloudinary支持直接从远程URL上传资源，你可以跳过本地下载步骤，直接传入临时链接：

const cloudinary = require('cloudinary').v2;

// 配置Cloudinary
cloudinary.config({
  cloud_name: '你的cloud_name',
  api_key: '你的api_key',
  api_secret: '你的api_secret'
});

async function uploadToCloudinary(imageUrl) {
  try {
    const result = await cloudinary.uploader.upload(imageUrl, {
      folder: 'dalle-images', // 可选：指定存储文件夹
      format: 'jpg' // 可选：指定图片格式
    });
    console.log('上传成功:', result.secure_url);
    return result;
  } catch (error) {
    console.error('上传失败:', error.message);
    throw error;
  }
}

// 使用示例
uploadToCloudinary('你的DALL·E临时图片链接')
  .then(res => console.log(res))
  .catch(err => console.error(err));

方案二：处理带防盗链的临时链接 #

如果临时链接存在防盗链限制（比如检查Referer或User-Agent），你可以在请求中添加模拟浏览器的请求头：

const axios = require('axios');

async function downloadWithHeaders(imageUrl) {
  const response = await axios({
    method: 'GET',
    url: imageUrl,
    responseType: 'stream',
    headers: {
      'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36',
      'Referer': '生成图片的网页URL' // 按需填写图片所在的网页地址
    }
  });

  // 后续保存或上传逻辑同方案一
}

方案三：获取动态加载的图片链接 #

如果图片链接是通过网页JS动态渲染生成的，静态cheerio无法抓取到真实链接，这时可以用puppeteer模拟浏览器渲染页面，获取图片的真实URL：

const puppeteer = require('puppeteer');

async function getDynamicImageUrl(pageUrl) {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto(pageUrl, { waitUntil: 'networkidle2' }); // 等待页面加载完成

  // 根据实际页面的图片选择器修改，示例为alt属性包含DALL·E的图片
  const imageUrl = await page.$eval('img[alt*="DALL·E"]', img => img.src);

  await browser.close();
  return imageUrl;
}

// 使用示例：先获取动态链接，再上传到Cloudinary
getDynamicImageUrl('包含图片的网页URL')
  .then(url => uploadToCloudinary(url))
  .catch(err => console.error(err));

内容的提问来源于stack exchange，提问作者Chris