thymeleaf动态加载图片
时间: 2023-09-09 12:10:02 浏览: 145
springboot-thymeleaf.zip
Thymeleaf可以通过th:src属性动态加载图片,具体步骤如下:
1. 在HTML页面中,使用th:src属性指定图片路径,例如:
```
<img th:src="@{/images/avatar.jpg}" alt="头像">
```
2. 在Controller中,将图片资源放入Model中,例如:
```
@GetMapping("/user")
public String getUser(Model model) {
User user = userService.getUser();
model.addAttribute("user", user);
model.addAttribute("avatarUrl", "/images/avatar.jpg");
return "user";
}
```
3. 在HTML页面中,使用Thymeleaf表达式动态生成图片路径,例如:
```
<img th:src="@{${avatarUrl}}" alt="头像">
```
这样就可以动态加载图片了。注意,图片路径需要以斜杠开头,表示相对于项目根目录的路径。如果图片路径是绝对路径,则不需要斜杠开头。
阅读全文