将本地图片转化为base64字符串

代码

    // 转base64
    getBase64(imgUrl, callback) {
      let image = new Image();
      // 解决跨域问题
      image.setAttribute("crossOrigin", "anonymous");
      let imageUrl = imgUrl;
      image.src = imageUrl;
      // image.onload为异步加载
      // eslint-disable-next-line no-undef
      image.onload = function() {
        var canvas = document.createElement("canvas");
        canvas.width = image.width;
        canvas.height = image.height;
        var context = canvas.getContext("2d");
        // eslint-disable-next-line no-undef
        context.drawImage(image, 0, 0, image.width, image.height);
        var quality = 0.8;
        // 这里的dataurl就是base64类型
        // 使用toDataUrl将图片转换成jpeg的格式,不要把图片压缩成png，因为压缩成png后base64的字符串可能比不转换前的长！
        let dataurl = canvas.toDataURL("image/jpeg", quality);
        callback ? callback(dataurl) : null; //调用回调函数
      };
    },

传入本地图片的地址 调用获取

      this.getBase64('./test.img', dataURL => {
        console.log(dataURL );
      });