0

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

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

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

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

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

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

Failed to load resource: the server responded with a status of 404 ()

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

1 件の回答 1

0

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

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

参考

1
  • ありがとうございます。このような物があるのを知りませんでした。
    – wataru
    Commented 2020年11月21日 10:42

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。