Question

我创建了一个HTML页面。

现在，我尝试在此HTML页面中显示特定文件夹（/ folder1）中的所有图片（注意：我不知道这些图像的名称）。

我尝试创建一个循环，读取所有这些图像，并在此HTML中显示它。

有一种简单的方法可以做到这一点吗？

Answer 1

您正在寻找HTML无法做到的事情。您将需要某种后端语言，无论是Rails，PHP，Python还是其他什么都不重要。

HTML始终只是一种标记语言。

这是一篇类似的帖子，其代码可能会对您有所帮助：

How To Display All Images in Folder

Answer 2

使用php，你可以使用函数scandir()来检索目录中的所有文件，并将它们保存为数组。

然后迭代该数组并显示任何图像，如：

echo '<img src="path/to/folder1/'$files_array[i]'">

其中$ files_array包含该目录中每个图像文件的名称。

Answer 3

如果您的图像存储在服务器中，您可以读取目录并获取它们发送到字体端的图像名称。

如果您在本地文件系统中工作，例如

/dir/index.html
/dir/images/
/dir/images/xxx.png
/dir/images/aaa.png
/dir/images/other  image.png

你可以批量重命名所有图像到1.png 2.png 3.png ...依此类推，然后在html中使用javascript

生成图片

var body = document.getElementsByTagName("body")[0];
for (var i = 0; i < 100; ++i) {
  var img = document.createElement("img");
  img.src = "images/" + i + ".png";
  body.appendChild(img);
}

HTML页面中的HTML /显示图像

3 个答案: