Spring Boot+Thymeleaf展示数据库字节数组图片失败求助

数据老陈

2026-8-6

问题分析与解决

核心错误：Thymeleaf模板的图片URL拼接错误

你当前的Thymeleaf代码中，th:src="@{'display/image/' + @{clothing.image}}" 存在两处关键问题：

@{clothing.image} 是错误语法，@{...} 用于处理URL路径变量或上下文路径，而clothing.image是字节数组对象，直接拼接会生成类似display/image/[B@xxxxxx的无效路径，这与接口期望的int类型ID完全不符，直接导致了NumberFormatException。
接口/display/image/{id}需要接收的是Item的ID参数，而非字节数组，因此应该传入clothing.id。

修正后的Thymeleaf代码

<div class="category-1">
    <h2>Headwear</h2>
    <div class="image-container" th:each="clothing : ${clothingItems}">
        <img th:src="@{/display/image/{itemId}(itemId=${clothing.id})}" alt="Clothing Image">
    </div>
</div>

或者更简洁的写法：

<img th:src="@{'/display/image/' + ${clothing.id}}" alt="Clothing Image">

优化Controller的图片输出逻辑

当前Controller方法可以做一些稳定性优化，避免资源泄漏：

@GetMapping("/display/image/{id}")
public void displayItemImage(@PathVariable int id, HttpServletResponse response) throws IOException{
    // 建议根据实际图片类型设置具体Content-Type，比如image/jpeg、image/png等
    response.setContentType("image/*");

    Item item = itemService.findItemById(id);
    if(item == null || item.getImage() == null){
        // 处理图片不存在的情况，比如返回404或默认占位图
        response.sendError(HttpServletResponse.SC_NOT_FOUND);
        return;
    }

    // 使用try-with-resources自动关闭输入流，避免资源泄漏
    try(InputStream is = new ByteArrayInputStream(item.getImage())){
        IOUtils.copy(is, response.getOutputStream());
        response.getOutputStream().flush();
    }
}