javascript - javascript内で画像srcがnullを返しているかどうかを確認する方法はありますか?

Question

画像の src が実際に実際のファイルにヒットしているかどうかをテストする JavaScript はありますか?

私の考えでは、DOM 構築のある時点で、ブラウザはファイルの場所が実際のファイルを返していないことを認識しなければならないということです。

Answer 1

onerrorはい、画像要素のイベントを利用できます。

Answer 2

このインシデントのためにライブラリで使用する関数:

function onImageError (source) {
    //NOTE: Image Error function 
    //Useage: <img src="" onerror="onImgError(this)" />

    source.src = "/public/images/global/backup_product.jpg"; // location of sample/error image
    source.onerror = ""; // disable onerror to prevent endless loop
    return true;
}