js图片网络地址转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转file对象
    base64toFile(base, filename){
      var arr = base.split(',');
      var mime = arr[0].match(/:(.*?);/)[1];
      var suffix = mime.split("/")[1];
      var bstr = atob(arr[1]);
      var n = bstr.length;
      var u8arr = new Uint8Array(n);
      while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
      }
      //转换成file对象
      return new File([u8arr], `${filename}.${suffix}`, { type: mime });
    },
//使用
this.imgToBase64(imgUrl,base =>{
            file = this.base64toFile(base,'图片')
       })
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容