Spring Boot Thymeleaf中如何判断图片是否为空/存在

核心问题 #

你当前的判断逻辑完全错误：'/image/'+id是字符串拼接结果，永远不可能为null——哪怕对应ID的图片不存在，这个字符串也会是/image/xxx的格式。另外你的Controller还存在两个明显问题：

• 方法参数里的Optional<ClassImage> classImage是多余的，Spring不会自动注入这个对象；
• 直接调用classImage.get()会在图片不存在时抛出NoSuchElementException，导致请求报错。

步骤1：修复Controller逻辑 #

先修改图片接口，处理图片不存在的情况，避免报错：

@GetMapping("/image/{id}")
void showImage(@PathVariable("id") Long id, HttpServletResponse response)
    throws ServletException, IOException {
    log.info("Id :: " + id);
    Optional<ClassImage> classImage = classImageService.getClassImageById(id);
    
    // 图片不存在时返回404状态码
    if (classImage.isEmpty()) {
        response.sendError(HttpServletResponse.SC_NOT_FOUND);
        return;
    }
    
    ClassImage image = classImage.get();
    // 建议根据图片实际类型设置ContentType（比如从ClassImage的字段获取）
    response.setContentType(image.getContentType()); 
    response.getOutputStream().write(image.getImage());
    response.getOutputStream().close();
}

步骤2：修改前端判断逻辑 #

你需要在渲染index页面的Controller中，把对应ID的图片是否存在的状态传到前端，而非判断路径字符串：

渲染index的Controller示例

@GetMapping("/")
String index(Model model, @RequestParam Long id) { // 根据实际场景调整参数获取方式
    Optional<ClassImage> classImage = classImageService.getClassImageById(id);
    model.addAttribute("hasImage", classImage.isPresent());
    model.addAttribute("imageId", id);
    return "index";
}

Thymeleaf页面代码

<!-- 只有图片存在时才渲染img标签 -->
<img th:if="${hasImage}" 
     th:src="@{/image/{id}(id=${imageId})}" 
     style="width: 50px;" />

<!-- 可选：图片不存在时显示默认图（如果需要） -->
<!-- <img th:unless="${hasImage}" th:src="@{/static/default-image.png}" style="width: 50px;" /> -->

备选方案（前端兜底） #

如果不想在渲染index时提前查询图片，也可以通过JS监听图片加载失败事件来隐藏无效的img标签：

<img th:src="@{/image/{id}(id=${imageId})}" 
     style="width: 50px;"
     onerror="this.style.display='none'" />

内容的提问来源于stack exchange，提问作者Hambagui