HTML /在HTML页面中显示图像
问题描述:
我创建了一个HTML页面。HTML /在HTML页面中显示图像
现在,我尝试显示在此HTML页面中的特定文件夹(/ folder1
)中的所有图片(注意:我不知道这些图像的名称)。
我尝试创建一个循环,它读取所有这些图像,并将其显示在此HTML中。
有一个简单的方法来做到这一点?
答
用PHP,你可以使用函数scandir()检索目录中的所有文件,并将它们保存为一个数组。
然后遍历数组,并像显示任何图像:
echo '<img src="path/to/folder1/'$files_array[i]'">
其中$ files_array包含在该目录中的每个图像文件的名称。
答
您正在寻找HTML无法做到的事情。你将需要某种后端语言,无论是Rails,PHP,Python还是别的什么都不重要。
HTML始终只会是标记语言。
这里有一个类似的帖子,其具有的代码,可以帮助你:
答
如果您的图像存储在服务器中,您可以读取该目录并获取它们发送到字体结尾的图像名称。
,如果你是在本地文件系统的工作,如
/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);
}
如果你不知道的名字,那么你就需要使用'服务器side'语言'asp.net'或'PHP'例如,扫描目录并将所有图像添加到您可以迭代的数组中通过。 'HTML'只是'标记'。 –
另一种方法是查看实际网站上的设置以允许用户浏览目录。在IIS中,该设置被称为“目录浏览”。这在Apache或Tomcat中可能类似。 –