JavaScript的跨域圖像加載 - >檢查是否加載圖像加載成功

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

我知道aroung與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()運行，那麼你知道，圖像沒有被正確加載。