जांच की जा रही है, तो छवि पूरी तरह से लोड या है नहीं

Question

मैं नीचे इस विधि मिल गया है और यह क्रम में ठीक काम करता है अगर एक छवि पूरी तरह से भरी हुई है की जाँच करने के:

var myimg = new Image(); 
myimg.onload = function(){ 
alert("The image is now loaded"); 
} 
myimg.src = "image url"; 

मेरा प्रश्न है:

मैं कैसे कर सकते एक alert("The image couldn't be loaded") अगर, किसी कारण से, छवि को लोड या पाया नहीं जा सकता है (उदाहरण के लिए, यदि छवि यूआरएल टूटा हुआ है या यहां तक ​​कि छवि उपलब्ध छवि यूआरएल से मौजूद नहीं है)? क्या इसे हल करने का कोई तरीका है?

Answer 1

भी एक डोम स्तर 1onerror ईवेंट हैंडलर के लिए अनुमति देते हैं।

myimg.onerror = function() { 
}; 

कुछ भी लोड हो रहा है पर या जब एक छवि लोड हो रहा है विफल रहता है, कि हैंडलर निष्पादित कर दिया जाएगा। इसके अलावा, सभी पर अपनी नहीं एक बुरा विचार भी ऑनलोड घटना

myimg.onload = function() { 
    if(this.height && this.width) { 
    } else { 
     // you might want to catch this case here too 
    } 
}