网络图片＞base64＞blob＞file

  let url ='http://xxxxx:5001/showImgStream?id=f3a9b8e5c63746e78ce1a93086495170'   //网路地址
  
  this.imgToBase64(url,(base)=>{
          let file = this.blobToFile(this.dataURLtoBlob(base),'头像')
          this.uploadHeadImage(file)
  })
  
    //图片地址转base64格式
    imgToBase64(url,cb){
      var canvas = document.createElement('canvas'),
          ctx = canvas.getContext('2d'),
          img = new Image;

      img.crossOrigin = 'Anonymous';
      img.onload = function () {
        canvas.height = img.height;
        canvas.width = img.width;
        ctx.drawImage(img, 0, 0);
        var dataURL = canvas.toDataURL('image/png');
        cb && cb(dataURL);
        canvas = null;
      };
      img.src = url;
    },

    //将base64转换为blob
    dataURLtoBlob(dataurl) {
      var arr = dataurl.split(',');
      var mime = arr[0].match(/:(.*?);/)[1];
      var bstr = atob(arr[1]);

      var n = bstr.length;
      var u8arr = new Uint8Array(n);
      while(n--){
        u8arr[n] = bstr.charCodeAt(n);
      }
      return new Blob([u8arr], {type:mime});
    },
	//将blob转换为file
	    blobToFile(theBlob, fileName){
	      theBlob.lastModifiedDate = new Date();
	      theBlob.name = fileName;
	      return theBlob;
	    },