网络图片转化为base64
封装转化方法:
/*
*@params
*url:网络图片地址(支持项目中的相对路径)--必传
*callback:--非必传
*outputFormat:--非必传
*/
convertImgToBase64(url, callback, outputFormat){
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(outputFormat || 'image/jpg');
callback.call(this, dataURL);
canvas = null;
};
img.src = url;
} ,
调用:
let url = "https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
this.convertImgToBase64(url,(base64Img)=>{
alert(base64Img)//转化后的base64文件
})
(点个赞再走呗)