javascript跨域图片加载 - ＆gt;检查加载图像是否成功加载

Question

我必须从其他网站（跨域）加载图片

我的问题是，我可能会以某种方式检查图像是否已成功加载？

Answer 1

通常你会把它放在一个像这样的加载事件监听器中：

var img = new Image();
img.onload = function(){
    alert(this.src + " loaded");
}
img.src="http://example.com/images/a.png";

Answer 2

对于Javascript请查看

http://www.sajithmr.me/javascript-check-an-image-is-loaded-or-not

我知道使用 jQuery 的方式。

$('#image1')
.load(function(){
    $('#result1').text('Image is loaded!'); 
})
.error(function(){
    $('#result1').text('Image is not loaded!');
});

Answer 3

如果您要在html标记中加载图片，则可以使用onerror事件。例如：

<img src="https://otherdomain.com/img.jpg" onerror="handleImgError();" />

如果handleImgError()运行，则表示图片未正确加载。