に壊れているかどうかを検出:は、私はJavascriptを使用してHTML5のキャンバスに画像を追加している画像ではJavaScript
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ので
'エラーが発生しました(少なくともChromeでは)http://jsfiddle.net/qgJRF/ – bfavaretto
タイトルを編集しました。 'Image()' javascriptクラスはHTML5の前に存在していました(説明)。キャンバスに言及してから、私はあなたの質問にHTML5タグを残しました。 – Christian
しかし、それはこの質問のように聞こえる:http://stackoverflow.com/questions/92720/jquery-javascript-to-replace-broken-images – LonelyWebCrawler