一、在表单中添加文件上传域:
大多数的表单域都是文本数据,所以能够很容易地通过名称-值的格式提交到服务器上。事实上,典型的提交会带有一个application/x-www-form-urlencoded这样的内容类型并将表单上的名称-值以&符号分隔。
文件上传与大多数表单输入域所提交的类型不同,上传的内容一般是二进制文件,并不适合这种名称-值的格式。所以,如果希望上传图片,文件等信息,那么需要以某种方式对表单提交进行编码。
当提交带有文件的表单时,要选择的内容类型是multipart/form-data,表单的jsp表示如下:
<form action= "login.do" method ="post" enctype="multipart/form-data">
<table>
<tr>
<td> User name:</td >
<td>< input name ="name" type="text" /></td>
</tr>
<tr>
<td> Login password:</td >
<td>< input name ="password" type= "password" /></td>
</tr>
<tr>
<td> pic:</td >
<td>< input name ="pic" type="file" /></td>
</tr>
<tr>
<td>< input type ="submit" value= "Login" /></ td>
<td>< a href ="register.jsp"> register</a ></td>
</tr>
</table>
</form>
通过将表单的enctype设置为multipart/form-data,每个输入域都将作为POST请求的不同部分进行提交,而不仅仅是其他的名称-值。
二、配置Spring支持上传:
DispatcherServlet并不知道如何处理multipart的表单数据,需要一个multipart解析器把POST请求的multipart数据抽取出来,这样DispatcherServlet就能将其传递给控制器了:
<bean id="multipartResolver"
class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<!-- 设置上传文件的最大尺寸 -->
<propertyname="maxUploadSize">
<value>100048576</value>
</property>
</bean>
三、接收并在本地存储上传的文件:
controller:
@RequestMapping(value ="/login.do", method = RequestMethod.POST)
publicString login(ModelMap map, HttpServletRequest request,
@RequestParam(value ="pic", required =false) MultipartFile image) {
try{
if(!image.isEmpty()) {
validateImage(image);
String path = request.getSession().getServletContext()
.getRealPath("/");
saveImage(path, image);
}
}catch(Exception e) {
e.printStackTrace();
map.addAttribute("msg", e.getMessage());
}
return"result";
}
privatevoidvalidateImage(MultipartFileimage) throws Exception {
if(!image.getContentType().equals("image/jpeg")) {
thrownewException("only jpg images accepted");
}
}
privatevoidsaveImage(String path, MultipartFile image) {
try{
File file =newFile(path +"res/"+ image.getName() +".jpg");
FileUtils.writeByteArrayToFile(file, image.getBytes());
}catch(Exception e) {
e.printStackTrace();
}
}
其中FileUtils是ApacheCommonsIO提供的,maven依赖为:
<!--apache commons io-->
<dependency>
<groupId>commons-io</groupId>
<artifactId>commons-io</artifactId>
<version>2.2</version>
</dependency>