图片转base64

方式一

使用node.js的http方式，可绕过跨域

var http = require('http');

const img2Base64 = {}

img2Base64.start = ({
    url,
    success,
    fail
}) => {
    http.get(url, function (res) {
        var chunks = [];
        var size = 0;
        res.on('data', function (chunk) {
            chunks.push(chunk);
            size += chunk.length;　　//累加缓冲数据的长度
        });
        res.on('end', function (err) {
            var data = Buffer.concat(chunks, size);
            var base64Img = data.toString('base64');
            var ext = url.substring(url.lastIndexOf(".") + 1).toLowerCase();
            var base64Str = `data:image/${{ext}};base64,${base64Img}`
            console.log(base64Str);
            success(base64Str)
        });
    });
}

export default img2Base64

方式二

使用canvas的方式

getBase64Image(imgUrl) {
     let that = this;
      var img = new Image();
      img.src = imgUrl;
      img.crossOrigin = 'anonymous';
      img.onload = function () {
        var canvas = document.createElement("canvas");
        canvas.width = img.width;
        canvas.height = img.height;
        var ctx = canvas.getContext("2d");
        ctx.drawImage(img, 0, 0, img.width, img.height);
		var ext = img.src.substring(img.src.lastIndexOf(".") + 1).toLowerCase();
		console.log("图片格式："+ ext)
        console.log(canvas)
        var dataURL = canvas.toDataURL("image/"+ ext);
		console.log(dataURL);
      }
}