javascript img src'nin geçerli olup olmadığını kontrol eder misiniz?

Question

Şunlar gibi bir şeyim var:

document.getElementById('MyPicture').src = 'attempted.png'; 

İstemci bu kaynağı alamıyorsa,

document.getElementById('MyPicture').src = 'error.png' 

ile değiştirebilirim: image etiketine onError = function() koyabilirim , ancak nasıl OnError için kimliği iletebilirsiniz, böylece herhangi bir kötü resimlerin src değiştirebilir bir onError işlevi olabilir?

Answer 1

OnError özniteliğinin eklenmesi, işlenmesinin doğru yolu aslında.

var myPicture = document.getElementById('MyPicture'); 
myPicture.onError = errorHandler(); 

function errorHandler(msg,file_loc,line_num) { 
    myPicture.src = 'http://www.google.com/intl/en_ALL/images/srpr/logo1w.png'; 
} 

Answer 2

Evet, görüntü unsurları, onerror olayını kullanabilirsiniz örneğin, gerçekten widely supported geçerli:: sevdiği durumda, bir şey eklemek istiyorum

var image = document.getElementById('MyPicture'); 
image.onerror = function() { 
    alert('error loading ' + this.src); 
    this.src = 'error.png'; // place your error.png image instead 
}; 

image.src = 'non-existing.jpg'; 

bir örnek here edin. resim etiketinde

Answer 3

koyun bu:

onError="image_error(this.id)" 

fonksiyonunu image_error resmin kimliği geçecek .... duh