は、私はJavascriptを使用してHTML5のキャンバスに画像を追加している画像ではJavaScript

Question

に壊れているかどうかを検出：

img = new Image(); 
img.addEventListener('load', loadCallBack, false); 
img.src = image_url; 

そしてloadCallBackは、画像を描画します。

問題は、image_urlが、破損したイメージまたは存在しないイメージを参照することがあります。これが起こると、コンソールに404エラーが表示され、キャンバス上のイメージは白いままです。代わりに、画像のsrc属性を別のimage_urlに置き換えたいと考えています。

私は次のことを試してみました、それが動作しませんでした：

img.addEventListener("error", function(){console.log("404");}); 

どのように私は、画像の404エラーを検出することができますか？

注：まだ解決策を探していますが、これまでに投稿された2つのどちらも解決していません。私のためのjQueryので

Answer 1

作品... http://jsfiddle.net/5v2qG/

img = new Image(); 
$(img).bind('error', function() { 
     alert('error called');             
}); 
img.src = "invalid_img_name.png";​ 

Answer 2

コスシャの答えと同じコード：ただのjQueryの醜さやバニラのjavascriptの美しさを比較する：