壊れている画像を自動で置き換える方法
2019.11.28
2019.11.28
質問内容
たくさんの画像を含むWebページでたまに画像が表示できない場合があるため、ブラウザ上壊れた画像が表示されてしまいます。
jQueryを使用して一連の壊れた画像を取得し、フィルタリングしてからsrcパスを置き換えるにはどうすればよいですか?
ベストアンサー
JavaScriptで「onError」関数を使用してイベントを処理し、画像のソースを再割り当てします。
Javascript
function imgError(image) { image.onerror = ""; image.src = "/images/noimage.gif"; return true; }
html
<img src="image.png" onerror="imgError(this);"/>
javascriptを使用しない方法は以下
<img src="image.png" onError="this.onerror=null;this.src='/images/noimage.gif';" />
下記の互換性表に、エラー機能をサポートするブラウザーが記載されています。
http://www.quirksmode.org/dom/events/error.html
原文
https://stackoverflow.com/questions/92720/jquery-javascript-to-replace-broken-images