日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學(xué)無(wú)先后,達(dá)者為師

網(wǎng)站首頁(yè) 編程語(yǔ)言 正文

圖片網(wǎng)絡(luò)地址轉(zhuǎn)base64和文件

作者:AAAA...初識(shí) 更新時(shí)間: 2022-01-04 編程語(yǔ)言
//圖片地址轉(zhuǎn)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');
         console.log(dataURL)   //Base64  碼  一般用這個(gè)就行
        cb && cb(dataURL);
        canvas = null;
      };
      img.src = url;
    },
    //base64轉(zhuǎn)file對(duì)象
    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);
      }
      //轉(zhuǎn)換成file對(duì)象
      return new File([u8arr], `${filename}.${suffix}`, { type: mime });
    },
//使用
this.imgToBase64(imgUrl,base =>{
            let file = this.base64toFile(base,'圖片')
       })

原文鏈接:https://blog.csdn.net/weixin_44156462/article/details/121543109

欄目分類
最近更新