HTML /在HTML页面中显示图像

Question

我创建了一个HTML页面。

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

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

有一个简单的方法来做到这一点？

Answer 1

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

然后遍历数组，并像显示任何图像：

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

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

Answer 2

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

HTML始终只会是标记语言。

这里有一个类似的帖子，其具有的代码，可以帮助你：

How To Display All Images in Folder

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 ...等等，然后使用JavaScript的HTML到

生成图像

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