How to tell if the image is loading failure in a html img tag?

Question

How to tell if the image is loading failure (404 not found, or other 4xx or 5xx erros) in a html img tag and report by a jquery callback?

http://stackoverflow.com/questions/1977871/check-if-an-image-is-loaded-no-errors-in-javascript — Iswanto San, Feb 08 '13 at 07:24

score 3 · Accepted Answer · answered Feb 08 '13 at 07:23

3

$('img').error(function(){
    //...
});

An example from the docs:

<img alt="Book" id="book" />

$('#book')
  .error(function() {
    alert('Handler for .error() called.')
  })
  .attr("src", "missing.png");

answered Feb 08 '13 at 07:23

gdoron

1 Answers1