Question

我正在用Thymeleaf制作一个简单的Spring Boot应用程序。我有一个上传图片的控制器，它保存在项目文件夹 uploads 中。能否请人向我解释，上传后如何立即显示？我应该使用@PostMapping还是仅使用Thymeleaf标签？

我的控制器课程

@Controller
public class UploadFileController {
    public static String uploadDirectory = System.getProperty("user.dir") + "/uploads";

    @RequestMapping("/")
    public String uploadPage(Model model) {
        return "uploadview";
    }

    @RequestMapping("/upload")
    public String upload(Model model, @RequestParam("files")MultipartFile[] files) {
        StringBuilder fileNames = new StringBuilder();

        for(MultipartFile file : files) {
            Path fileNameAndPath = Paths.get(uploadDirectory, file.getOriginalFilename());
            fileNames.append(file.getOriginalFilename());
            try {
                Files.write(fileNameAndPath, file.getBytes());
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
        model.addAttribute("msg", "Uploaded files: " + fileNames.toString());
        return "uploadstatusview";
    }

更新我正在添加屏幕截图，看起来应该是这样。

选择文件
选择的文件，例如test1.png-上传文件
其发送给我的另一个带有上传端点的html模板。至此，它正在工作。图片已保存在项目中，但现在我想像截图 want it to be like that一样看到这张图片

Answer 1

如果我的理解正确，那么您想通过请求在单独的URL获得新上传的图像。您可以在处理上传时将图像存储到List或Queue中，然后根据请求为存储在List中的每个图像编译模板
您的模板可能如下所示：

<img src="${imgPath}" />

Spring Boot和thymeleaf-上传并显示图像

1 个答案: