javascript - 画像が完全にロードされているかどうかを確認しています

Question

以下にこの方法を見つけましたが、画像が完全にロードされているかどうかを確認するために正常に機能します。

var myimg = new Image();
myimg.onload = function(){
alert("The image is now loaded");
}
myimg.src = "image url";

私の質問は：

alert("The image couldn't be loaded")何らかの理由で画像を読み込めなかったり見つからなかったりした場合 (たとえば、画像の URL が壊れているか、提供された画像の URL から画像が存在しなくなった場合など) はどうすればよいですか? これを解決する方法はありますか？

Answer 1

image nodesまた、 DOM レベル 1 onerrorのイベント ハンドラーも使用できます。

myimg.onerror = function() {
};

画像の読み込み中または読み込み中に何かが失敗すると、そのハンドラが実行されます。それに加えて、 onload イベント内のディメンションもチェックすることはまったく悪い考えではありません。

myimg.onload = function() {
    if( this.height && this.width ) {
    } else {
        // you might want to catch this case here too
    }
}