网络图片转成base64操作,解决canvas不支持绘制网络图片问题
// 直接调用
var url = '网络图片地址'
getBase64(url).then(base64 =>{
console.log(base64)
});
// oss图片转成base64操作,解决canvas不支持绘制网络图片问题
function getBase64(img){
function getBase64Image(img,width,height) {
var canvas = document.createElement("canvas");
canvas.width = width ? width : img.width;
canvas.height = height ? height : img.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
var dataURL = canvas.toDataURL();
return dataURL;
}
var image = new Image();
image.crossOrigin = '';
image.src = img;
return new Promise((resolve,reject)=>{
image.onload =function (){
resolve(getBase64Image(image));//将base64传给done上传处理
}
});
};
如需了解更多,欢迎关注 “趣味web前端教程” 公众号学习交流