java - Thymeleaf 从文件夹中获取所有图像

Question

是否可以从文件夹中获取所有图像？

我的意思是我的图像结构是这样的

folder1 ---
   ---image1.jpg
   ---image2.jpg
   ---image3.jpg

folder2 ---
   ---image1.jpg
   ---image2.jpg

如何以 html 格式显示所有图像？

@编辑

只有我的尝试:

<p th:each="i: ${#numbers.sequence(1, 5)}">
        <img th:src="@{/folder/001/0.jpg}"/>
    </p>

Answer 1

Thymeleaf 没有内置任何内容来读取文件夹并获取其中的文件列表。如果你试图动态构建一些东西(我从你的问题中不确定这是否是你想要做的)，那么你需要在你的 Controller 中读取它(无论Java代码将上下文组合在一起)您发送到 Thymeleaf 的变量映射或模型)。

如果您只是尝试创建五个编号图像的静态列表(例如示例代码)，那么您需要在表达式内连接“each”变量以生成图像 URL，如下所示:

<p th:each="i: ${#numbers.sequence(1, 5)}">
    <img th:src="@{${'/folder/001/' + i + '.jpg'}}"/>
</p>

这将生成以下 HTML:

<p>
    <img src="/context/folder/001/1.jpg" />
</p>
<p>
    <img src="/context/folder/001/2.jpg" />
</p>
<p>
    <img src="/context/folder/001/3.jpg" />
</p>
<p>
    <img src="/context/folder/001/4.jpg" />
</p>
<p>
    <img src="/context/folder/001/5.jpg" />
</p>

还有更多创建Link URLs in the documentation的例子。这些展示了如何使用表达式来构造基本 URL 或构造任何查询参数(尽管通常在加载图像时不使用查询参数)。