檢查圖像是否從javascript文件夾中丟失

Question

我正在製作一個小型幻燈片應用程序來顯示html內的圖像。

圖像的名字是這樣的：

• 「MOD01_001.jpg」
• 「MOD01_002.jpg」
• 「MOD01_004.jpg」 等爲...

有時會丟失一個或多個圖像，並且以前的圖像仍在緩存中，所以我無法檢查新圖像是否加載，檢查寬度/高度屬性。

我該怎麼做才能檢查圖像是否從列表中丟失（我知道我無法從客戶端瀏覽器內部訪問文件信息）。 TIA

Answer 1

這會將他們都在，所以它可能是真的很可怕：

var images = ['MOD01_001.jpg','MOD01_002.jpg','MOD01_003.jpg']; 

for (i in images) { 
    checkIfImageExists(images[i]); 
} 

function checkIfImageExists(image_path) { 
    var img = new Image(); 

    img.onerror = function(){ 
    console.log('Could not load image: ' + img.src); 
    } 
    img.onload = function(){ 
    console.log('Loaded image: ' + img.src); 
    } 

    img.src = image_path; 
}