Node.js从URL同步下载图片的问题求助

问题根源分析 #

1. 同步代码报错原因：fetch本身是异步函数，返回的是Promise对象而非直接的Response实例。直接调用response.blob()时，response是未resolved的Promise，自然没有blob()方法；同时await只能在async函数内使用，同步函数里写await本身就是语法错误。
2. 原异步代码的问题：
   • fs.writeFile是异步方法，未用await等待写入完成就调用回调，导致回调在文件未写入完成时触发；
   • forEach遍历异步函数时不会等待任务完成，会直接执行后续的processDataCallback()。

正确实现：异步+Promise.all（推荐） #

网络请求本质是异步的，无需强行追求“纯同步”，用Promise管理异步流程是Node.js的标准做法。

1. 改写downloadFile为Promise风格的异步函数

import { promises as fs } from "fs";
import fetch from "node-fetch";

const downloadFile = async (url, filePath) => {
  const response = await fetch(url);
  // 检查请求是否成功
  if (!response.ok) {
    throw new Error(`请求失败：${url}，状态码：${response.status}`);
  }
  // 直接获取Buffer（比Blob转ArrayBuffer更高效）
  const buffer = await response.buffer();
  // 等待文件写入完成
  await fs.writeFile(filePath, buffer);
};

export { downloadFile };

2. 在index.js中等待所有下载完成后执行后续函数

import { downloadFile } from './utils/downloadFiles.js';
import path from 'path';
import { v4 as uuidv4 } from 'uuid';

// 你的图片URL数组
let imagesArray = [
  { url: 'https://someurl.com/HrwNAzC8YW/A%3D' },
  { url: 'https://someurl.com/rGL7UeTeWTfhAuLWPg%3D' },
  { url: 'https://someurl.com/xSKR36gCdOI3/tofbQrR8YTlN6W89DI%3D' },
  { url: 'https://someurl.com/2y9cgRWkH9Ff0%3D' }
];
let newImageNames = [];

// 生成所有下载任务的Promise数组
const downloadTasks = imagesArray.map((item, index) => {
  const fileName = `${prompt}__${index}_${uuidv4()}.png`;
  // 注意：filePath必须包含文件名，否则会写入目录导致报错
  const filePath = path.join('src', 'images', fileName);
  newImageNames.push(fileName);
  // 返回每个下载任务的Promise
  return downloadFile(item.url, filePath);
});

// 等待所有下载完成后执行后续逻辑
(async () => {
  try {
    await Promise.all(downloadTasks);
    console.log('所有图片下载完成');
    processDataCallback();
  } catch (error) {
    console.error('下载过程出错：', error);
  }
})();

// 你的后续处理函数
const processDataCallback = () => {
  console.log('开始执行后续数据处理');
};

额外问题解答 #

1. 能否链式调用then？

可以，将异步立即执行函数改为then链式调用：

Promise.all(downloadTasks)
  .then(() => {
    console.log('所有图片下载完成');
    processDataCallback();
  })
  .catch(error => console.error('下载出错：', error));

2. 有没有纯同步的下载方式？

Node.js原生没有同步的fetch实现，强行实现同步会阻塞整个事件循环，严重影响性能，不推荐使用。若仅用于测试场景，可尝试第三方库（如sync-fetch）。

3. Node.js在线演示平台

常用的有CodeSandbox、StackBlitz、Repl.it，均支持在线编写并运行Node.js代码，无需本地环境。

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