element-ui 图片上传,并将图片转为Base64

      getBase64(file) {
        return new Promise(function(resolve, reject){
          let reader = new FileReader();
          let imgResult = "";
          reader.readAsDataURL(file);
          reader.onload = function() {
            imgResult = reader.result;
          };
          reader.onerror = function(error) {
            reject(error);
          };
          reader.onloadend = function() {
            resolve(imgResult);
          };
        });
      },
    
  • 调用
    element-ui 回调函数传过来的值:
    file:element-ui 图片上传,并将图片转为Base64_第1张图片
let image=[]
 for (let i = 0; i < this.Array.length; i++) {
        image.push(that.getBase64(this.imagesAttr[i].raw))
    }

这里我们将图片的Base64存入到image数组中,但是由于gitBase64(file)方法时异步的这里image并不能直接使用。

  • 异步调用
  Promise.all(image).then((res) => {
           conslole.log(res)
           ....你的方法...
          })

你可能感兴趣的:(js异步)