关于formData的批量上传使用数组进行批量以及base64进行formData转换

最新推荐文章于 2024-05-30 14:04:34 发布

囿于江湖

最新推荐文章于 2024-05-30 14:04:34 发布

阅读量995

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/dongheng123/article/details/97373529

本文介绍了一种将Base64格式的图片转换为FormData，并实现批量上传的方法。通过遍历图片数组，使用atob解析Base64字符串，创建Blob对象，最终封装到FormData中，以便于网络请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

}
let formData = new FormData()
let files = []
if(this.clickCameraNUm == 1){
files = this.imgPreviewArr
} else if(this.clickCameraNUm == 2){
files = this.imgListBefore
} else if(this.clickCameraNUm == 3) {
files = this.imgListAfter
}

  let file = []
    files.forEach((item,index)=>{
      // base64转formData
      let bytes = window.atob(item.split(',')[1]);
      let array = [];
      for(let i = 0; i < bytes.length; i++){
          array.push(bytes.charCodeAt(i));
      }
      let blob = new Blob([new Uint8Array(array)], {type: 'image/png'});
       formData.append(`file[${index}]`,blob,Date.now() + '.png')   //对于formData按照数组进行批量上传
    })
    if(files.length > 0){
      this.loadingButton = true
      uploadImg(formData).then(res => {
        if(res.data&& res.data.length>0){
          let fileKeyArr = res.data