javascript - 画像が読み込まれているかどうかを確認するにはどうすればよいですか？

Question

画像がすでに読み込まれているかどうかを確認するにはどうすればよいですか？

image.src = ay.url_static + 'uploads/apps/' + thumbnail.uid + '.png';
image.onload = function(e)
{                   
    // [..]
};

画像が読み込まれたときにコールバックをトリガーする方法は知っていますが、画像が現在読み込まれているかどうかを確認するにはどうすればよいですか？

Answer 1

何が欲しいのかわかりませんが、画像がいつでも読み込まれるかどうかを知る必要があると私は理解しています。

画像が有効かどうかをチェックする関数が1つあります。必要に応じて、画像がすでに読み込まれているかどうかを確認するためにも使用できます。画像が有効かどうかを知りたくない場合は、img.completeプロパティのみを使用できます。

function IsImageLoaded(img) {

    if (!img.complete) {
        return false;
    }

    if (typeof img.naturalWidth != "undefined" && img.naturalWidth == 0) {
        return false;
    }

    return true;
}

Answer 2

を設定してから、onloadコールバックを設定し、後でそのプロパティを確認しますかimage.loaded = false？image.loaded = true

または、image.completeは、W3Cでない場合でも、正当なプロパティのように見えます。

Answer 3

jQueryを使用していると仮定します...

image.onload = function(e)
{                   
    $(this).data({loaded: true});
};

後で...

if($(yourImage).data('loaded')) {
  // it's loaded!
} else {
  // it's not
}

jQuery.data()は、要素に固有の変数を設定するのに最適です。