getBase64Image(imgsrc) {
var img = new Image();
//Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported. 未捕获的DomeException:未能在“HtmlCanvaElement”上执行“toDataURL”:可能无法导出受污染的画布。
//需要服务器也支持跨域请求
img.setAttribute("crossOrigin", "Anonymous");
// 改变图片的src
img.src = imgsrc;
// 加载完成执行
img.onload = () => {
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();
var dataURL = canvas.toDataURL("image/" + "jpeg", 0.5);
console.log(
">>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>dataURL<<<<<<<<<<<<<<<<<<<<<<<<<<<<<",
dataURL
);
};
}
function getBase64Image(img) {
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();
var dataURL = canvas.toDataURL("image/" + "jpeg", 0.5);
return dataURL;
}