javascript - JavaScriptのフォルダに画像がないかどうかを確認する

Question

HTML内に画像を表示する小さなスライドショーアプリケーションを作成しています。

画像の名前は次のようなものです。

• 「MOD01_001.jpg」
• 「MOD01_002.jpg」
• 「MOD01_004.jpg」など…

1 つまたは複数の画像が見つからず、以前の画像がまだキャッシュに残っている場合があるため、幅/高さのプロパティをチェックして新しい画像が読み込まれたかどうかを確認できません。

画像がリストにないかどうかを確認するにはどうすればよいですか (クライアント ブラウザー内からファイル情報にアクセスできないことはわかっています)。ティア

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;
}