可以将这个封装为公共js
function getBase64(url, callback) {
var Img = new Image(),
dataURL = '';
Img.src = url + '?v=' + Math.random();
Img.setAttribute('crossOrigin', 'Anonymous');
Img.onload = function() {
var canvas = document.createElement('canvas'),
width = Img.width,
height = Img.height;
canvas.width = width;
canvas.height = height;
canvas.getContext('2d').drawImage(Img, 0, 0, width, height);
dataURL = canvas.toDataURL('image/jpeg');
return callback ? callback(dataURL) : null;
};
}
使用方法:
let imgUrl = 'http:///www.baidu.com/img/a8d461c31a3242978efbd834384b455b.jpeg';
getBase64(imgUrl, dataURL => {
console.log('dataURL :>> ', dataURL);
});
如果是数组类型的