Thymeleaf 背景图像 URL 的问题答案

【问题标题】：Problem With Thymeleaf Background Image UrlThymeleaf 背景图像 URL 的问题
【发布时间】：2020-01-23 07:06:01
【问题描述】：

我正在开发一个 Spring Boot 项目，并且正在使用 Thymeleaf。在我的一个视图页面中，我们称之为dashboard.html，我需要更改背景图片。

我可以使用 Thymeleaf 更改图像来源。

示例 1

<img th:src="'/uploads/' + ${dashboard.dashboard_photo}" alt="" class="img-fluid" />

工作正常..

但是，我无法用 Thymeleaf 更改背景图片...

<div class="banner_w3lspvt" th:style="'background: url('/uploads/' + ${dashboard.dashboard_photo});'">

我尝试了所有我发现的东西。是的，我知道以前有人问过同样的问题，但这些答案都没有帮助我。

【问题讨论】：

【解决方案1】：

欢迎来到 SO。当您提出问题时，请尝试提供尽可能多的有关问题的信息，例如堆栈跟踪、日志或意外行为。

同时，尝试以下方法：

th:style="'background: url(/uploads/' + ${dashboard.dashboard_photo} + ');'"

【讨论】：

【解决方案2】：

我认为Literal substitutions 很适合这样的表达方式。例如：

<div class="banner_w3lspvt" th:style="|background: url(/uploads/${dashboard.dashboard_photo});|">

【讨论】：