表单提交后如何刷新 Spring Web 应用程序中的 div？答案

【问题标题】：How to refresh a div in a Spring web app after form submission?表单提交后如何刷新 Spring Web 应用程序中的 div？
【发布时间】：2018-02-17 21:32:37
【问题描述】：

我有一个只上传一张图片的表单，以及一个将这张图片存储在文件系统中的Controller。然后这个控制器返回一个模型和视图，它会重新加载页面。然后我有一个 img 标签，它从文件系统加载这张图片。喜欢这个：

<form method="POST" th:action="@{/user}" enctype="multipart/form-data" role="form">
    <input type="file" name="file" onchange="this.form.submit()" />
    <img th:src="@{/user/{pictureNumber}(pictureNumber=${Id})}"/>
</form>

这是返回图片的控制器：

@RequestMapping(value = "/user/{pictureNumber}")
@ResponseBody
public byte[] getImage(@PathVariable(value = "pictureNumber") String userId) throws IOException {
    File directory= new File("..path"+pictureNumber);
    return Files.readAllBytes(directory);
}

一旦我刷新页面，它就会显示加载的图片。一旦存储了图片，如何在表单提交后做到这一点， img 标签当前所在的 div 需要重新加载，以便 in 显示图片而无需刷新？

【问题讨论】：

你想过 AJAX 吗？

标签： jquery spring-boot thymeleaf

【解决方案1】：

您可以尝试在表单提交后重新加载页面：

 <form method="POST" th:action="@{/user}" enctype="multipart/form-data" role="form">
    <input type="file" name="file" onchange="this.form.submit(); location.reload();" />
    <img th:src="@{/user/{pictureNumber}(pictureNumber=${Id})}"/>
</form>

【讨论】：