如何檢查圖像是否已從上述URL加載或加載

Question

var image = new Image(); 

image.onLoad = function() { 
    alert("loaded"); 
} 

image.onError = function() { 
    alert("not loaded"); 
}; 

image.src ="https://s3.amazonaws.com/profileImages.mySample.com/spiderman.png" //dummy URL for reference only. 

這是我的代碼。 我從亞馬遜服務獲取我的圖片，問題是，如果我得到了一些錯誤，如：

<Error> 
<Code>AccessDenied</Code> 
<Message>Access Denied</Message> 
<RequestId>ABCDEFGHIJ</RequestId> 
<HostId> 
AABCDEFGHIJKLMNOPQRST 
</HostId> 
</Error> 

那麼我的代碼不執行image.onError（）。

如何檢查圖像是否存在於URL？

Answer 1

DEMO

var image = new Image(); 

image.onload = function() { 
    alert("loaded"); 
} 

image.onerror = function() { 
    alert("not loaded"); 
}; 

image.src ="https://s3.amazonaws.com/profileImages.mySample.com/spiderman.png";