Thymeleaf th:src 使用循环下标动态设置图片地址

在Thymeleaf中，可以使用th:each指令来进行循环遍历，并使用th:src属性来设置图片或其他资源的地址。要在th:src中使用循环的下标，可以使用th:attr指令结合Thymeleaf的内联表达式来获取下标值。\n\n下面是一个示例代码，演示了如何在th:src中获取循环的下标：\n\nhtml\n<div th:each="item, index : ${items}">\n <img th:src="@{'/images/' + ${index.index} + '.jpg'}" alt="Image" />\n</div>\n\n\n在上面的示例中，通过th:each指令遍历了名为items的集合。在循环中，使用item和index来分别获取集合中的每个元素和当前的下标。然后，使用Thymeleaf的内联表达式${index.index}来获取下标值，并将其与图片路径拼接起来，作为th:src的属性值。\n\n这样就可以根据循环的下标动态设置图片的地址。请根据自己的实际需求，调整路径和图片的命名规则。