Node.js批量上传base64图片数组至Cloudinary报错解决

你的代码存在4处逻辑问题，直接导致接口报错、拿不到上传结果：

• 数组校验写法错误：req.body.image.isArray 是无效判断，正确的数组判断方法为Array.isArray(待校验值)，原写法相当于读取image字段下的isArray属性，值永远为undefined，校验逻辑完全不生效
• forEach 无返回值：forEach 方法执行后固定返回undefined，你把这个返回值传入Cloudinary的upload接口，相当于传递了空的上传资源，自然会被Cloudinary拒绝返回错误状态码
• 异步遍历逻辑错误：Cloudinary的uploader.upload是异步方法，直接在forEach中调用无法正确等待异步任务执行完成，也无法收集所有上传结果
• 响应逻辑缺失：原代码在数据库写入成功后直接执行return，没有给客户端返回任何响应，会导致请求挂起

批量上传异步资源需要使用Promise.all配合map方法，等待所有图片上传完成、拿到全量返回结果后再执行数据库写入操作，完整代码如下：

Router.post("/createproduct", async (req, res) => {
  const { error } = productValidation.validate(req.body);
  if (error) {
    return res.status(400).json({ message: error.details[0].message });
  }
  try {
    // 校验图片参数是否为数组
    if (!Array.isArray(req.body.image)) {
      return res.status(400).json({ message: "图片参数格式错误，需传入base64数组" });
    }
    // 并行上传所有图片，等待全部上传完成
    const uploadResList = await Promise.all(
      req.body.image.map(imgBase64 => {
        return cloudinary.uploader.upload(imgBase64, {
          upload_preset: "fanakaplatinums"
        });
      })
    );
    // 写入数据库
    await productsModel.create({
      name: req.body.name,
      location: req.body.location,
      description: req.body.description,
      price: req.body.price,
      amenities: req.body.amenities,
      // 如果只需要存图片访问链接，可改成：image: uploadResList.map(item => item.secure_url)
      image: uploadResList
    });
    // 返回成功响应
    return res.status(200).json({ message: "房源信息已成功添加至数据库" });
  } catch (error) {
    return res.status(500).json({ message: error.message || "服务内部错误" });
  }
});

• 请确认Cloudinary控制台中名为fanakaplatinums的上传预设已开启未签名上传权限，否则直传请求会被拦截
• 前端传输的base64字符串需要携带正确的文件头前缀（例如data:image/jpeg;base64,开头），否则Cloudinary无法识别文件格式导致上传失败
• 如果上传图片数量较多，可根据业务需求给Promise.all加并发限制，避免瞬间请求量过大触发Cloudinary的频率限制

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