将目录中的所有图像放入 HTML [关闭]答案

【问题标题】：Put all images from directory into HTML [closed]将目录中的所有图像放入 HTML [关闭]
【发布时间】：2026-01-30 20:45:01
【问题描述】：

我正在创建一个带有图像滑块（猫头鹰轮播）的网站，并且我正在寻找一种将所有图像快速放入我的 HTML 的好方法。

我希望如此，还有一种输入图像的替代方法，因为我有大约 40 张图片，并且手动添加它会非常乏味...

你们能帮我建议告诉我一个生成的应用程序或网站或任何东西吗？

（我正在使用 Webstorm，但我没有找到任何相应的功能。）

【问题讨论】：

所以你在一个文件夹中有一堆你想要链接的图像？您使用的是什么服务器端语言？
img 代码示例：code

code
@Streetlamp 是的，我有一个图像的相对路径，例如：“src/img/refs/ ”客户只为他们的 html 网站租用一个简单的站点存储。

标签： html image directory

【解决方案1】：

如果文件列表是静态的（您没有提到它们是否是动态创建的）并且您使用的是 Windows，那么这样的简单方法就可以了：

for %i in (*.jpg) do echo ^<img src="%i" /^> >> all.html

这将创建一个 all.html 文件，其中包含对您的 jpg 文件的引用。只需从存储图像的目录中的命令行窗口运行命令即可。

如果您需要将 all.html 放在其他位置，请将其移至该位置或更改为 >> C:\files\html\all.html。另一种选择是在括号中添加路径，例如(C:\files\images\*.jpg) 如有必要，不要忘记删除 all.html，因为上面显示的命令将始终附加到现有文件，因此您最终可能会出现重复条目。

【讨论】：

这是什么语言？通过command-line，我假设这是批处理（Windows）。这也适用于linux中的bash吗？还是我完全错了？
@Jonathan 是的，这是很好的旧 MS DOS 风格批处理编程 ;-) 所以它仅限于 Windows，是的。
@Marged 啊，太棒了，我正在寻找这样的东西，谢谢。我可以在图片所在的文件夹之外运行此命令吗？因为我的 html 文件与图像不在同一个文件夹中。所以我想要根文件夹的相对路径，图像位于以下路径：“root/src/img/refs”。这只是“问题”的更顺畅的解决方案。
@Marged 是的，我就是这么想的。非常感谢，您为我节省了很多时间。
@BélaTóth 欢迎您。我看到您已经接受了答案，谢谢。你可以给它一个加分，这会给我更多的学分，这很幼稚，但我们大多数人都在给出答案的原因;-)

【解决方案2】：

您不能只为此使用 HTML（您问题中唯一的语言标签）。您将需要一种服务器端语言，因为它们可以与服务器交互（例如读取文件系统）。

PHP 非常适合：您可以遍历包含图像的文件夹并动态添加图像，这样您就不必手动进行。

这是一个例子：

<?php
    $files = scandir('path/to/img/directory/');
    foreach($files as $file) {
        if($file !== "." && $file !== "..") {
            echo "<img src='$file' />";
        }
    }
?>

【讨论】：

这是一个固定的解决方案，但是当我使用它时，它包含了“。”和目录的“..”，所以你需要一些代码来排除这些。
@Brettins 更新了代码以反映您的担忧。
@JonathanLam 如何将其修改为 only 包含，例如 .png 文件？

【解决方案3】：

我会使用 php 并像这样创建一个数组和一个 foreach 循环：

$pictures = array('linkToPicture1', 'linkToPicture2', 'andSoOn');

foreach ($pictures as $picturelink) {
    echo "<img src=".$picturelink.">";
}

然后在 foreach 循环中编辑 HTML 并将所有链接添加到 $pictures 数组中。

【讨论】：

我认为 OP 想要避免输入图像的名称。因此，使用您的解决方案他不会获得太多收益。