html图像显示,HTML页面中的HTML /显示图像

我创建了一个HTML页面。

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

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

有一个简单的方法吗？

如果您不知道名称，那么您需要使用server-side语言asp.net或PHP来扫描目录并将所有图像添加到可以迭代的数组中。 HTML只是markup。

另一种方法是查看实际网站上的设置以允许用户浏览目录。 在IIS中，该设置称为"目录浏览"。 在Apache或Tomcat中它可能类似。

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

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

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

如何显示文件夹中的所有图像

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

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

echo '

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

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

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

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

}