• file 文件与 base64 互相转化


    base64 转 file

    function dataURLtoFile(dataurl, filename) {
        var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
            bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
        while (n--) {
            u8arr[n] = bstr.charCodeAt(n);
        }
        return new File([u8arr], filename, { type: mime });
    }    
     

    file 转 base64


     * 获取文件的Base64
    function fileToBase64(file){   //file转bse64
        let reader = new FileReader();  
        reader.readAsDataURL(file);  
        reader.onload = function (e) {    
            return e.target.result  
        }
    }
     

    /** 
     * file转base64
    */
    const blobToDataURL = (blob, cb) => {
      let reader = new FileReader();
      reader.onload = function (evt) {
        let base64 = evt.target.result;
        cb(base64);
      };
      reader.readAsDataURL(blob);
    };
    export default blobToDataURL;

    import blobToDataURL from '../js/blobToDataURL';
    //....
    // 选择图片
    inputImage (e) {
      let img = e.target.files[0];
      if(img) {
        let url = URL.createObjectURL(img);
        let base64 = blobToDataURL(img, (base64Url) => {
          this.inputImg = base64Url;
        });
      }
    },
     

  • 相关阅读:
    【Spark】win10配置IDEA、saprk、hadoop和scala
    【无标题】
    二分算法笔记
    【Java】多态&综合案例
    【每日一题】Day 41 选择题
    MySQL如何导入大量数据?
    4.4关系配置
    list用stream流转map报key重复
    第48篇-timestamp2参数分析【2022-08-01】
    Spring事件Event详解
  • 原文地址:https://blog.csdn.net/u014645827/article/details/126785469