如果不存在，Thymeleaf会显示另一张图像

Question

我正在使用以下图像代码，只有在图像存在时才显示图像。

<img th:if="${!ad.adPhotos.empty}" th:src="|/imageDisplay?id=${ad.adPhotos[0].id}|" alt="" class="img-respocive" />

我想为else caluse

显示这个

<img height="150" width="150" src="img/NoPicAvailable.png" /> 

如何用Thymeleaf做到这一点？

Answer 1

我个人会这样做：

<img th:unless="${ad.adPhotos.empty}" th:src="|/imageDisplay?id=${ad.adPhotos[0].id}|" alt="" class="img-respocive" />
<img th:if="${ad.adPhotos.empty}"height="150" width="150" src="img/NoPicAvailable.png" />

作为旁注，我想我会生成带有thymeleaf url语法的src，而不是字符串连接。

<img th:unless="${ad.adPhotos.empty}" th:src="@{/imageDisplay(id=${ad.adPhotos[0].id})}" alt="" class="img-respocive" />