如何在Multer多图上传结合Promise.all调用Cloudinary时访问result变量

嘿，我懂你的需求啦！你现在的代码虽然能正常完成上传，但result变量被封在回调函数的局部作用域里，外部拿不到。咱们只需要小小调整一下代码，就能把所有上传返回的result收集到数组里，方便后续处理。

核心思路 #

Promise.all()会等待所有传入的异步操作完成，并且会自动把每个异步操作的返回值（也就是每个result）整理成一个数组返回给我们。所以关键就是让map里的每个异步函数把result返回出去。

修改后的代码 #

req.body.images = [];
// 用Promise.all的返回值直接获取所有上传结果
const images = await Promise.all(
  req.files.map(async file => {
    // 直接返回Cloudinary上传的结果，Promise.all会自动收集
    return await cloudinary.uploader.upload(file.path);
  })
);
// 现在images数组里就是每个文件对应的result对象了，赋值给req.body.images
req.body.images = images;

代码说明 #

1. 去掉了原本初始化的空images数组，因为我们直接从Promise.all()拿到整理好的结果数组。
2. 每个map迭代里的异步函数返回了cloudinary.uploader.upload()的结果——你也可以直接写return cloudinary.uploader.upload(file.path)，因为它本身就是一个Promise，await只是帮我们拿到最终的result值。
3. 执行完Promise.all()后，images数组里就按顺序存放了每个文件上传后的result对象，你可以用这个数组做任何后续处理，比如存入数据库或者返回给前端。

加上错误处理（可选） #

如果需要处理单个文件上传失败的情况，可以在每个异步函数里加错误捕获：

req.body.images = [];
try {
  const images = await Promise.all(
    req.files.map(async file => {
      try {
        return await cloudinary.uploader.upload(file.path);
      } catch (uploadError) {
        console.error(`文件${file.filename}上传失败:`, uploadError);
        // 可以选择返回null，后续过滤掉失败的项
        return null;
      }
    })
  );
  // 过滤掉上传失败的结果
  req.body.images = images.filter(item => item !== null);
} catch (globalError) {
  console.error("图片上传流程出错:", globalError);
  throw globalError; // 或者根据业务逻辑返回错误响应
}

这样调整后，你就能轻松拿到所有Cloudinary返回的result啦！

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