用idea实现照片上传
时间: 2023-07-18 07:04:52 浏览: 154
基于idea spring boot图片的上传和下载
5星 · 资源好评率100%
首先,你需要在你的项目中添加spring-boot-starter-web 和 spring-boot-starter-thymeleaf依赖。然后在你的控制器中添加如下代码:
```java
@Controller
public class ImageController {
@GetMapping("/upload")
public String uploadForm(Model model) {
return "uploadForm";
}
@PostMapping("/upload")
public String uploadSubmit(@RequestParam("file") MultipartFile file, Model model) {
// 处理文件上传逻辑
return "uploadResult";
}
}
```
在这个控制器中,我们定义了两个方法:`uploadForm` 和 `uploadSubmit`。`uploadForm` 方法返回一个视图,用于显示上传表单。`uploadSubmit` 方法处理文件上传的逻辑,并返回一个视图,用于显示上传结果。
接下来,我们需要创建上传表单的视图。在resources/templates目录下创建一个uploadForm.html文件,添加如下代码:
```html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Upload Form</title>
</head>
<body>
<h1>Upload Form</h1>
<form th:action="@{/upload}" method="post" enctype="multipart/form-data">
<input type="file" name="file"/><br/><br/>
<input type="submit" value="Upload"/>
</form>
</body>
</html>
```
在这个模板中,我们使用了Thymeleaf模板引擎。`th:action="@{/upload}"`指定了表单提交的地址为`/upload`,`enctype="multipart/form-data"`指定了表单的编码类型为多部分表单数据格式,以支持文件上传。
最后,我们需要创建一个上传结果的视图。在resources/templates目录下创建一个uploadResult.html文件,添加如下代码:
```html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Upload Result</title>
</head>
<body>
<h1>Upload Result</h1>
<p th:text="${message}"></p>
</body>
</html>
```
在这个模板中,我们使用了Thymeleaf模板引擎。`th:text="${message}"`指定了显示上传结果的消息。
现在我们可以在浏览器中访问/upload路径,上传照片并查看上传结果了。
阅读全文