Image img.onload url仅适用于某些外部src url

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

我使用以下代码从URL获取图像并将其转换为Base64:

  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(例如)。你知道为什么不加载这些图像吗