使用 cloudinary 上传多个图像

Posted 2023-03-08

【中文标题】使用 cloudinary 上传多个图像

【英文标题】：Multiple Image upload using cloudinary

【发布时间】：2020-04-07 16:38:28

【问题描述】：

当我尝试同时上传多张图片时，它会上传同一张图片（首先选择的一张图片）两次。

我使用multiple:1，但它仍然不起作用。

const uploadToCloudinary = filename =>
  new Promise((resolve, reject) => 
    const publicId = randomize("0", 5);
    // cloudinary.uploader.image_upload_tag(filename,  html:  multiple: 1  );
    cloudinary.uploader.upload(
      filename,
      
        html:  multiple: 1 ,
        tags: "basic_sample",
        public_id: publicId,
        folder: "vizard",
        eager: [
          
            width: 200,
            crop: "fit"
          ,
           width: 10, crop: "fit" 
        ]
      ,
      (err, image) => 
        if (err) console.warn(err);
        return resolve(
          original: image && image.url,
          w200: image && image.eager[0].url,
          placeholder: image.eager[1].url,
          publicId: image.public_id
        );
      
    );
  );

【参考方案1】：

Upload API 的upload 方法不支持名为html 的字段，用于直接上传文件，而不是创建可供选择的输入字段。

您可能正在寻找的是 image_upload_tag 或用于多个文件的 jQuery 直接上传功能 - https://cloudinary.com/documentation/jquery_image_and_video_upload#upload_multiple_images