javascript - 将文件夹内容（图像）存储到 var

Question

如何存储完全由图像组成的文件夹的内容。我可以这样做。

var files = ["1.jpg","2.jpg",
             "3.jpg","4.jpg","5.jpg","6.jpg",
             "7.jpg","8.jpg","9.jpg","10.jpg",];

但我想更动态地进行操作，我计划在文件夹中放置 100 张图像。我在想类似这个伪代码的东西

var images
 for i to number_of_items_in_folder
      images[i]= image_from_folder

图像来自名为 images 的文件夹（本地）

Answer 1

要在客户端上执行此操作，您将需要一个技巧或硬编码值

所以

var images = []; 
// you tell the script how many and they all have numbers from 0 to here 87
for (var i=0; i<87; i++) {
  images.push(i+".jpg");
}

如果你不知道你有多少，你需要预加载它们

var images = [],done=false,i=0; 
while (!done) {
  var image = new Image();
  image.onerror=function() {
    done=true;
  }
  image.onload=function() {
    images.push(this.src);
  }
  image.src=i+".jpg";
  i++;
}

如果它们都有不同的名称，那么您需要一个服务器脚本来为您构建阵列。