Question

有没有办法使用html或javascript或其他任何东西，将文件夹中的所有图像添加到网页。

假设我有10张图片，而不是像

那样编写十行代码

<img src="1.jpg"/>
<img src="2.jpg"/>
.
.
.

等

只需一行代码就可以添加所有jpg图像等文件夹中的所有图片，如“* .jpg”。我是网络技术的新手，只是有这样的疑问。

任何帮助高度赞赏。

谢谢和最好的问候

Answer 1

在HTML中 - 没有。

但是，如果所有图像都被命名为“1.jpg”，“2.jpg”，“3.jpg”......那么你可以构建一个javascript循环。

尝试类似：

<html>
<body>
<script type="text/javascript">
var i=0;
for (i=0;i<=5;i++)
{
document.write("<img src=\"" + i + ".jpg\"/>");
document.write("<br />");
}
</script>
</body>
</html>

请在此处阅读：http://www.w3schools.com/JS/js_loop_for.asp ，并尝试学习基本的编程问题，就像循环..

Answer 2

正如您所说的“或其他任何内容”我建议使用bash one-liner收集当前文件夹中的图像并将其添加到名为 index.html 的单个文件中：

for i in *.jpg; do echo "<img src='$i' />" >> index.html; done;

只需添加缺少的html标签并完成。

编辑：你也可以使用Windows shell（cmd）：

FOR %i IN (*.JPG) DO ECHO ^<img src="%i" /^> >> index.html

Answer 3

使用服务器端技术（例如PHP及其glob()函数和foreach循环更容易实现此目的。

动态添加文件夹中的图像

3 个答案: