javascript - 检查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;
}