目录
- 文件上传
- @ModelAttribute注解
- 实验目的
- 实验内容
- 实验过程
- 项目结构
- 编写代码
- 结果展示
文件上传
Spring MVC 提供 MultipartFile 接口作为参数来处理文件上传。
MultipartFile 提供以下方法来获取上传的文件信息：
getOriginalFilename 获取上传的文件名字；
getInputStream 获取一个 InputStream；
getSize 上传文件的大小
isEmpty 文件上传内容为空，或者没有文件上传
如果上传单个文件，使用 MultipartFile 类对象接收单个上传文件，如果是同时上传多个
文件，则使用 MultipartFile 数组类来接收多个文件。
例 1：单个文件上传
@PostMapping("/upload/multipart")
@ResponseBody
public Map<String, Object> upload(@RequestParam("photo") MultipartFile
photo)
{
。。。
}
其中，upload 方法参数类型为 MultipartFile，使用 photo 对象接收单个上传文件，
@RequestParam("photo")获取请求参数“photo”值，该变量名称与视图表单中的名称对
应。
<input type="file" name="photo" value="请选择上传的文件" />
例 2：批量文件上传
@PostMapping("/upload/multipart1")
@ResponseBody
// 使用Spring MVC的MultipartFile类作为参数
public Map<String, Object> upload1(@RequestParam("photo")
MultipartFile[] photos)
{
。。。
}
2
其中，upload1 方法参数类型为 MultipartFile[]，即使用数组来接收多个上传的文
件。这要求 HTTP 请求中包含有多个名字为“photo”的文件。
<form method="post"
action="./multipart1" enctype="multipart/form-data">
<input type="file" name="photo" value="请选择上传的文件" /><p>
<input type="file" name="photo" value="请选择上传的文件" /><p>
<input type="file" name="photo" value="请选择上传的文件" /><p>
<input type="submit" value="提交" />
</form>
@ModelAttribute注解
@ModelAttribute 注解主要是将请求参数绑定到 Model 对象上。@ModelAttribute 注解只
有一个 Value 属性，类型为 String，表示绑定的属性名称。当 Controller 类中有任意一个方法
被@ModelAttribute 注解标记，页面请求只要进入这个控制器，不管请求哪个方法，均会先
执行被@ModelAttribute 标记的方法，所以可以用@ModelAttribute 注解的方法做一些初始化
操作。当同一个 Controller 类中有多个方法被@ModelAttribute 注解标记，所有被
@ModelAttribute 注解标记的方法均会被执行，按先后顺序执行，然后再进图请求的方法。
实验目的
(1) 掌握 MultipartFile 类的使用
(2) 掌握 Spring MVC 实现文件上传方法
(3) 掌握@ModelAttribute 注解的使用方法
实验内容
(1) Spring MVC 框架实现单文件上传。
(2) Spring MVC 框架实现批量文件上传。
(3) @ModelAttribute 注解应用
实验过程
项目结构
当然原本uploaded里面是什么都没有的，这里本来就是存放上传的文件的地方
编写代码
FileController
import org.springframework.stereotype.Controller;
import org.springframework.util.FileCopyUtils;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.HashMap;
import java.util.Map;
import java.util.logging.SimpleFormatter;
@Controller
public class FileController {
// 定义一个跳转到上传页面的方法，映射到/upload/page路径
@GetMapping("/upload/page")
public String uploadPage(){
return "/file/upload";
}
// 定义一个处理文件上传的方法，映射到/upload/multipart路径
@PostMapping("/upload/multipart")
@ResponseBody
//使用Spring MVC的MultipartFile数组作为参数，对应了保存的临时文件
public Map<String,Object> upload(@RequestParam("photo")MultipartFile[] photos){
String path="D:/idea/code/java/MultipartFile/src/main/resources/uploaded/";//保存路径
// 定义一个计数器，用于记录上传成功的文件个数
int count = 0;
// 遍历上传的文件数组
for (MultipartFile photo : photos) {
// 使用日期格式化类来生成文件名
String filename=new SimpleDateFormat("yyyyMMddHHmmssSSS").format(new Date());
//获取上传文件的后缀suffix
String suffix=photo.getOriginalFilename().substring(photo.getOriginalFilename().lastIndexOf("."));
// 判断文件的后缀是否是.jpg，如果不是则跳过这个文件
if(!suffix.equals(".jpg")){
continue;
}
try {
// 创建一个文件对象，指定保存的位置和文件名
File destFile = new File(path + filename + suffix);
// 判断文件的父目录是否存在，如果不存在则创建
if (!destFile.getParentFile().exists()) {
destFile.getParentFile().mkdirs();
}
// 将文件保存到指定的位置
photo.transferTo(destFile);
// 将计数器加一
count++;
}catch (IOException e){
// 捕获异常并打印
e.printStackTrace();
}
}
// 判断计数器是否大于零，如果是则表示有文件上传成功
if (count > 0) {
// 返回一个成功的提示信息
return dealResultMap(true,"上传成功，共上传了" + count + "个文件");
} else {
// 返回一个失败的提示信息
return dealResultMap(false,"上传失败，没有符合条件的文件");
}
}
//处理上传文件结果
private Map<String,Object>dealResultMap(boolean success,String msg){
Map<String,Object> result=new HashMap<String,Object>();
result.put("success",success);
result.put("msg",msg);
return result;
}
}
upload.html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>文件上传</title>
</head>
<body>
<h1>文件上传</h1>
<p>请选择一个.jpg格式的图片文件，然后点击上传按钮，将文件上传到服务器。</p>
<form action="/upload/multipart" method="post" enctype="multipart/form-data">
<input type="file" name="photo" accept="image/jpeg">
<input type="submit" value="上传">
</form>
<div id="result"></div>
<script>
// 获取表单元素
var form = document.querySelector("form");
// 获取结果元素
var result = document.getElementById("result");
// 监听表单的提交事件
form.addEventListener("submit", function(event) {
// 阻止表单的默认提交行为
event.preventDefault();
// 创建一个FormData对象，用于封装表单数据
var formData = new FormData(form);
// 创建一个XMLHttpRequest对象，用于发送异步请求
var xhr = new XMLHttpRequest();
// 设置请求的方法和地址
xhr.open("POST", "/upload/multipart");
// 设置请求的响应类型为JSON
xhr.responseType = "json";
// 设置请求的回调函数
xhr.onload = function() {
// 判断请求的状态是否成功
if (xhr.status === 200) {
// 获取响应的数据
var data = xhr.response;
// 判断上传的结果是否成功
if (data.success) {
// 显示成功的提示信息
result.innerHTML = "<p style='color:green'>" + data.msg + "</p>";
} else {
// 显示失败的提示信息
result.innerHTML = "<p style='color:red'>" + data.msg + "</p>";
}
} else {
// 显示错误的提示信息
result.innerHTML = "<p style='color:red'>请求失败，状态码：" + xhr.status + "</p>";
}
};
// 发送请求
xhr.send(formData);
});
</script>
</body>
</html>
MultipartFileApplication
import com.example.multipartfile.controller.FileController;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
@SpringBootApplication
public class MultipartFileApplication {
public static void main(String[] args) {
SpringApplication.run(MultipartFileApplication.class, args);
}
}
结果展示
搜索自己对应的url
单击选择文件，打开文件夹进行文件的选择
选择好文件
点击上传
返回idea中查看
在选择的保存路径uploaded中出现了我们选择上传的图片，当然也可以选择多文件上传，只要同时选择多个文件，然后点击上传就可以了
