将图像序列放入数组中

Get a sequence of images into an array

本文关键字:数组 图像序列      更新时间:2023-09-26

我想知道是否可以将一系列图片放入数组中。我想使用纯JavaScript,因为我在PHP或任何其他语言方面都没有实现这一点的经验。

因此,我创建了一个名为"图像"的地图,其中包含50幅图像。第一个称为:"1",第二个称为"2",依此类推。它们都是相同的类型(.jpg)。

我可以手动这样做:

var pictures = new Array();
pictures[0] = "images/1.jpg";
pictures[1] = "images/2.jpg";
//and so on

但只有疯子才会这么做。此外,当我将新图片上传到"images"文件夹时,我必须手动将新图像添加到阵列中,因此我考虑了一个while循环,检查文件夹中的每个图像是否存储在阵列中。

您可以尝试:

var pictures = new Array();
for(var x=1; x<51; x++ ) {
  pictures[x-1] = "images/"+x+".jpg";
}
var numberOfImages = 50; // or whatever
var im, pictures = new Array();
for (var i = 0; i < numberOfImages ; i++) {
    im = "images/" + i + ".jpg";
    pictures.push(im);
}
var arr = [];
for (var i = 0, max = 50; i < max; i += 1) {
    arr[i] = "images/" + i + ".jpg";
}

如果你想改变图像的数量,试试这个:

function bar (numberOfImages) {
  var arr = [];
  for (var i = 0; i < numberOfImages; i += 1) {
    arr[i] = "images/" + i + ".jpg";
  }