JS Imageオブジェクト読み込み完了したか確認は.complete プロパティ

javascript

JavascriptのImageオブジェクトで、

読み込みの状態がわかるプロパティはcomplete

true : 読み込み完了

false : 読み込み開始していないか、読み込み中

 

けど、読み込み完了時に関数呼びたい場合はonloadで

その際には、srcに値設定よりも前にonloadに関数

Imageオブジェクトは、srcにパスを設定すると読み込みが開始されるため、

読み込み完了→onload設定

となると発火しないから

 

var image = Image();

img.onload = function(){

    //読み込み時に実行するもの

};

img.src = 'http://example.com/foo.jpg';

 

 

Imageオブジェクトが持つEventはonLoad以外にも、

onAbort : 読み込みをユーザ側が中止した

onError : 読み込みでエラーが起きた

があるみたいです