72084


webアプリを作成しています。

htmlで画像のパスを最初は下記のように設定しています。

[code]

    <img src="images/pinkguy.jpg" alt="">
    
[/code]

その後JSで取得した別のパスに書き換えています。

[code]

    <img src="https://img.youtube.com/vi/dxezoC8w3GU/maxresdefault.jpg" alt="">
    
[/code]

ここで画像のパスに画像がなく、取得できないエラーが発生した場合コンソールに

[code]

    Failed to load resource: the server responded with a status of 404 ()
    
[/code]

と出るのですが、その場合のエラーハンドリングをJSで行いたいのですがどのようにしてコードを書いたらよいでしょうか？


CC BY-SA 4.0
2020-11-20T02:30:54.083
72081
2020-11-20T04:07:36.413
22565
question
javascript html
htmlのimgパスが読み込めなかった際のエラーハンドリングをしたい。


`onerror`属性を利用すると良いでしょう。

[code]

    <img src="/not/fount/image.jpg" onerror="alert('画像が見つかりませんでした。')">
[/code]

参考

  * <https://developer.mozilla.org/ja/docs/Web/HTML/Element/img#Image_loading_errors>


CC BY-SA 4.0
2020-11-20T04:07:36.413
72084
2020-11-20T04:07:36.413
7997
72081
answer