Spring MVC上传双文件后如何在同一页面展示结果？页面无输出排查

从你给出的代码片段和描述来看，我帮你梳理几个最可能的问题点：

1. 逻辑判断的错误 #

看你代码里的条件：

if(!file1.isEmpty() || !file2.isEmpty()){
    if(!file1.getContentType().endsWith("mp3") || !file2.getContentType().endsWith("mp3")){
        // 这里应该是处理类型错误的逻辑？
    }
}

这里有两个逻辑问题：

• 第一个||应该改成&&：你需要两个文件都不为空才处理，用||的话只要有一个文件不为空就进入分支，不符合你上传两个文件的需求。
• 第二个||逻辑易混淆：如果想判断两个文件都是mp3，应该写成if (!(file1.getContentType().endsWith("mp3") && file2.getContentType().endsWith("mp3")))；当前的写法是判断“至少有一个不是mp3”，如果你的逻辑是类型不对就不处理，那这里没问题，但要确保后续把错误信息存入Model，让前端能展示提示。

2. 未将结果数据存入Model #

你的handleFileUpload方法里，处理完文件后有没有把结果（比如上传成功提示、文件信息等）添加到Model对象中？比如：

model.addAttribute("uploadResult", "两个文件上传成功！");
model.addAttribute("file1Name", file1.getOriginalFilename());
model.addAttribute("file2Name", file2.getOriginalFilename());

如果没有往Model里存数据，前端页面根本拿不到要展示的内容，自然页面下方是空的。

3. 前端页面未对应渲染Model中的数据 #

假设你返回的还是index视图，那你需要在模板页面（比如index.html）的下方添加对应的渲染代码，比如用Thymeleaf的话：

<div th:if="${uploadResult}">
    <h3>上传结果：</h3>
    <p th:text="${uploadResult}"></p>
    <p>文件1：<span th:text="${file1Name}"></span></p>
    <p>文件2：<span th:text="${file2Name}"></span></p>
</div>

如果前端没有这段代码，即使Model里有数据，页面也不会展示任何结果。

4. 前端表单的enctype设置错误 #

你的上传表单有没有设置enctype="multipart/form-data"？这是文件上传的必要属性，否则后端接收不到MultipartFile对象，导致文件为空，后续逻辑都不执行。正确的表单应该类似：

<form method="post" action="/uploadFiles" enctype="multipart/form-data">
    <input type="file" name="file1" accept="audio/mp3">
    <input type="file" name="file2" accept="audio/mp3">
    <button type="submit">上传</button>
</form>

5. 方法返回值的问题 #

你的handleFileUpload方法返回的是"index"吗？如果是，那要确保是回到同一个页面；如果返回的是其他视图，那页面跳转后自然看不到当前页面的结果。另外，如果用重定向（比如return "redirect:/"），需要用flashAttributes传递数据，否则Model数据会丢失。

你可以先从这几个点排查，尤其是检查Model是否添加了数据、前端是否渲染了这些数据，还有表单的enctype是否正确。

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