前提:引入jar包。
-
<dependency>
-
<groupId>commons-fileupload
</groupId>
-
<artifactId>commons-fileupload
</artifactId>
-
<version>1.3
</version>
-
</dependency>
一、配置文件:
SpringMVC 用的是 的MultipartFile来进行文件上传 所以我们首先要配置MultipartResolver:用于处理表单中的file
-
<!-- SpringMVC上传文件时,需要配置MultipartResolver处理器 -->
-
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
-
<property name="defaultEncoding" value="UTF-8" />
-
<!-- 指定所上传文件的总大小不能超过200KB。注意maxUploadSize属性的限制不是针对单个文件,而是所有文件的容量之和 -->
-
<!-- <property name="maxUploadSize" value="200000"/> -->
-
<!-- 指定上传文件的临时路径 -->
-
<!-- <property name="uploadTempDir" value="uploadTempDirectory" /> -->
-
</bean>
属性详解:
defaultEncoding="UTF-8" 是请求的编码格式,默认为iso-8859-1
maxUploadSize="200000" 是上传文件的大小,单位为字节
uploadTempDir="uploadTempDirectory " 为上传文件的临时路径
二、创建一个简单的上传表单:
-
<form action="uploadId" method="post" enctype="multipart/form-data">
-
<input type="file" name="idPic" />
-
<button >Submit
</button>
-
</form>
注意:要在form标签中加上
enctype="multipart/form-data"
表示该表单是要处理文件的,这是最基本的东西,很多人会忘记然而当上传出错后则去找程序的错误,却忘了这一点
三、编写上传控制类
1、创建一个控制类: FileUploadController,一个返回提交文件的页面
2、编写提交表单的action:
3、使用SpringMVC注解RequestParam来指定表单中的idPic参数;
4、指定一个用于保存文件的web项目路径
5、通过MultipartFile的transferTo(File dest)这个方法来转存文件到指定的路径。MultipartFile转存后,无法再操作,会报错
-
<span style=
"white-space:pre"> </span>
//通过Spring的autowired注解获取spring默认配置的request
-
@Autowired
-
private HttpServletRequest request;
-
-
<span style=
"white-space:pre"> </span>
/**
-
* 跳转到上传文件的页面
-
* @return
-
*/
-
@RequestMapping(value =
"/uploadPage")
-
public String uploadPage() {
-
return
"upload";
-
}
-
-
/**
-
* 上传文件 用@RequestParam注解来指定表单上的file为MultipartFile
-
* @param multipartfile
-
* @return
-
* @throws IOException
-
*/
-
@RequestMapping(value =
"/uploadId")
-
@ResponseBody
-
public ResponseEntity<
byte[]> idIdentification(
@RequestParam(
"idPic") MultipartFile multipartfile)
throws IOException {
-
System.out.println(
"getOriginalFilename:"+multipartfile.getOriginalFilename());
-
System.out.println(
"getName:"+multipartfile.getName());
-
// 设置格式,图片
-
HttpHeaders headers =
new HttpHeaders();
-
headers.setContentType(MediaType.IMAGE_JPEG);
-
-
//保存文件到临时目录
-
String savePath = request.getSession().getServletContext().getRealPath(
"/")
-
+
"/uploadTempDirectory/" + multipartfile.getOriginalFilename();
-
File saveFile =
new File(savePath);
-
multipartfile.transferTo(saveFile);
-
//页面显示用户上传的图片
-
return
new ResponseEntity<
byte[]>(FileUtils.readFileToByteArray(saveFile), headers, HttpStatus.OK);
-
}
到此基本的文件上传就结束了。
多文件上传:
多文件上传其实很简单,和上传其他相同的参数如checkbox一样,表单中使用相同的名称,然后action中将MultipartFile参数类定义为数组就可以。
接下来实现:
1、创建一个上传多文件的表单:
-
<form action="multiUploadId" method="post" enctype="multipart/form-data">
-
<input type="file" name="idPic" />
-
<input type="file" name="idPic" />
-
<input type="file" name="idPic" />
-
<button >Submit
</button>
-
</form>
2、编写处理表单的action:
-
<span style=
"white-space:pre"> </span>
/**
-
* 多文件上传
-
* @param multipartfiles
-
* @return
-
* @throws IllegalStateException
-
* @throws IOException
-
*/
-
@RequestMapping(value =
"/multiUploadId")
-
public String multiUpload(@RequestParam("idPic") MultipartFile[] multipartfiles)
-
throws IllegalStateException, IOException {
-
//保存文件的目录
-
String savePath = request.getSession().getServletContext().getRealPath(
"/") +
"/uploadTempDirectory/";
-
if(
null != multipartfiles && multipartfiles.length >
0){
-
//遍历并保存文件
-
for(MultipartFile file : multipartfiles){
-
file.transferTo(
new File(savePath + file.getOriginalFilename()));
-
}
-
}
-
return
"redirect:uploadPage";
-
}
运行实例,大功告成!