使用Javascript - Image.complete是真實的，但運行實時

Question

回國時在Firefox假我有一個函數：

function IsImageLoadable(URL) { 
    var imageObj = new Image(); 
    imageObj.src = URL; 

    var x = (imageObj.complete); 
    var y = (imageObj.naturalHeight); 

    if ((x === true) && (y !== 0)) 
    return true; 
    else 
    return false; 
} 

的問題是，在Chrome，IE，邊緣和Opera，這functionalty正常工作。如果圖像可加載，則x和y變量被設置爲true，並且相應地一些數字大於0。然而，在Firefox運行實時x和y設置爲false和0。

我說實時的原因是因爲在調試和逐行掃描時，x等於true而y等於500ish。

在Firefox中使用圖像對象時，這是一個問題？有什麼建議麼？

Answer 1

負載映像集處理器

function IsImageLoadable(URL) { 
    var imageObj = new Image(); 
    imageObj.src = URL; 

imageObj.onload = function(){ 
    //your code 
} 
}