jquery - html imgタグで画像の読み込みに失敗したかどうかを確認する方法は?

Question

html imgタグで画像の読み込みエラー(404が見つからない、またはその他の4xxまたは5xxエラー)であるかどうかを確認し、jqueryコールバックで報告する方法は?

Answer 1

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

ドキュメント

ドキュメントの例:

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

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