Image img.onload url仅适用于某些外部src url
我使用以下代码从URL获取图像并将其转换为Base64:Image img.onload url仅适用于某些外部src url,image,url,external,onload,src,Image,Url,External,Onload,Src,我使用以下代码从URL获取图像并将其转换为Base64: function convertImgToBase64(url, callback){ var canvas = document.createElement('CANVAS'), ctx = canvas.getContext('2d'), img = new Image; img.crossOrigin = 'Anonymous'; img.onload = function
function convertImgToBase64(url, callback){
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();
callback.call(this, dataURL);
canvas = null;
};
img.src = url;
}
convertImgToBase64(INSER_URL_HERE, function(base64Img){
$("#data_url").text(base64Img);
imageRef.set(base64Img);
});
我完全糊涂了。到目前为止,代码是有效的,只有在我使用Wikipedia(例如)的图像进行测试时,img.onload才会启动!我尝试过的所有其他外部图像URL都不会触发img.onload(例如)。你知道为什么不加载这些图像吗