HTML/在HTML页面中显示图像

HTML/在HTML页面中显示图像,html,Html,我创建了一个HTML页面 现在,我尝试在这个HTML页面中显示特定文件夹(/folder1)中的所有图片(注意:我不知道这些图片的名称) 我尝试创建一个循环,读取所有这些图像,并在这个HTML中显示它 有一种简单的方法可以做到这一点?您正在寻找HTML无法做到的东西。您将需要某种后端语言,无论是Rails、PHP、Python还是其他什么都不重要 HTML现在和将来都只是一种标记语言 下面是一篇类似的文章,其中的代码可能会帮助您: 您正在寻找HTML无法完成的任务。您将需要某种后端语言,无论是R

我创建了一个HTML页面

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

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


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

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

HTML现在和将来都只是一种标记语言

下面是一篇类似的文章,其中的代码可能会帮助您:


您正在寻找HTML无法完成的任务。您将需要某种后端语言,无论是Rails、PHP、Python还是其他什么都不重要

HTML现在和将来都只是一种标记语言

下面是一篇类似的文章,其中的代码可能会帮助您:


使用php,您可以使用函数检索目录中的所有文件,并将它们保存为数组

然后迭代该数组并显示任何图像,如下所示:

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

其中$files\u数组包含该目录中每个图像文件的名称。

使用php,您可以使用函数检索目录中的所有文件,并将其保存为数组

然后迭代该数组并显示任何图像,如下所示:

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

其中,$files\u数组包含该目录中每个图像文件的名称。

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

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

/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);
}
var body=document.getElementsByTagName(“body”)[0];
对于(变量i=0;i<100;++i){
var img=document.createElement(“img”);
img.src=“images/”+i+“.png”;
附肢儿童(img);
}

如果您的图像存储在服务器中,您可以读取目录并获取图像名称,然后将其发送到字体末尾

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

/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);
}
var body=document.getElementsByTagName(“body”)[0];
对于(变量i=0;i<100;++i){
var img=document.createElement(“img”);
img.src=“images/”+i+“.png”;
附肢儿童(img);
}

如果您不知道名称,则需要使用
服务器端
语言
asp.net
PHP
来扫描目录,并将所有图像添加到可以迭代的数组中
HTML
只是
markup
。另一种方法是查看实际网站上的设置,以允许用户浏览目录。在IIS中,该设置称为“目录浏览”。在Apache或Tomcat中可能类似。如果您不知道名称,则需要使用
服务器端
语言
asp.net
PHP
,例如,扫描目录并将所有图像添加到可以迭代的数组中
HTML
只是
markup
。另一种方法是查看实际网站上的设置,以允许用户浏览目录。在IIS中,该设置称为“目录浏览”。在Apache或Tomcat中可能类似。