SpringMVC文件上传多文件

r囧r小猫 2022-08-24 05:21 196阅读 0赞

必须明确告诉DispatcherServlet如何处理MultipartRequest。

SpringMVC中提供了文件上传使用方式如下

配置xxx-servlet.xml，添加如下代码：

Xml代码 [![复制代码][icon_copy.gif]][icon_copy.gif 1] ![收藏代码][icon_star.png]

1.  **<bean** id="multipartResolver"
2.  class="org.springframework.web.multipart.commons.CommonsMultipartResolver"**>**
3.  
4.  **<property**name="maxUploadSize"**>**
5.  **<value>**1048576**</value>**
6.  **</property>**
7.  **</bean>**

注意这里的文件尺寸实际上只的是所以文件总大小

如果配置了文件大小就以为这你需要配置异常信息控制

所以需要配置异常显示

Xml代码 [![复制代码][icon_copy.gif]][icon_copy.gif 1] ![收藏代码][icon_star.png]

1.  
2.  
3.  **<bean**id="exceptionResolver"
4.  class="org.springframework.web.servlet.handler.SimpleMappingExceptionResolver"**>**
5.  **<property**name="exceptionMappings"**>**
6.  **<props>**
7.  
8.  **<prop**
9.  key="org.springframework.web.multipart.MaxUploadSizeExceededException"**>**error\_fileupload**</prop>**
10. **</props>**
11. **</property>**
12. **</bean>**

或者偷懒点，不设置大小，则最终默认是值为不限制。如果非要控制返回信息，可以考虑在地应以的异常处理中返回指定格式数据，例如JSON

配置完了页面上一如既往的需要再form表单中增加：enctype="multipart/form-data"

然后就是需要处理的action了，可以有两种方式

第一种方式：

Java代码 [![复制代码][icon_copy.gif]][icon_copy.gif 1] ![收藏代码][icon_star.png]

1.  **public** String login( @RequestParam MultipartFile file, Model model) \{ 
2.  ……………… 
3.  \}

其中file的名字必须保证与<input type=file>中的那么属性值保持一致，若果是多文件上传，则考虑使用

Java代码 [![复制代码][icon_copy.gif]][icon_copy.gif 1] ![收藏代码][icon_star.png]

1.  **public** String login(@Valid UserInfo userInfo, BindingResult result, @RequestParam MultipartFile\[\] files, Model model) \{ 
2.  ……………… 
3.  \}

单文件可以省略 @RequestParam 多文件则不可省略

第二种方式：

Java代码 [![复制代码][icon_copy.gif]][icon_copy.gif 1] ![收藏代码][icon_star.png]

1.  **public** ModelAndView handleRequest(HttpServletRequest request, 
2.   HttpServletResponse response) **throws** Exception \{ 
3.  // 转型为MultipartHttpRequest： 
4.   MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request; 
5.  // 获得文件： 
6.   MultipartFile file = multipartRequest.getFile(" file "); 
7.   \}

这样也可以获取到文件

其实刚才首先需要配置是加入两个 jar包：

commons-fileupload-1.2.2.jar

commons-io-2.1.jar

参见附件

2.我们直接拿代码来讲解吧。

a.首先jsp中有这样一段代码 <input type="file" id="file"> 这段代码的出现没有放在form表单里面，而我们文件又要提交上去，因而我们借助formData这个对象。具体 可以看本人的**JS FormData对象 文章**

b.js中的代码如下：

$("\#file").bind("change",function ()\{  
var file = this.files\[0\]; //在html5中，会内置files 支持多文件上传，因为这里我们取的是第一个文件  
var formData = new FormData(); //借助FormData对象 组装成一个form表单  
formData.append("attachment\[\]", file,file.name); //这里是一个键值对 这里的name是attachment\[\]  
$.ajax( \{  
url : "$\{ctx\}/xxxxxxx",  
data: formData,  
 cache: false,  
 contentType: false,  
 processData: false,  
 type: 'POST',  
success : function(data) \{  
if(data.success)\{  
alert('上传成功！');  
onRefresh();  
\}  
else\{  
alert("保存出现错误：" + data.msg)  
\}  
\}  
\});  
  
\});

c.我们看java 代码中的接收。

@ResponseBody  
private xxx saveUpload(MultipartHttpServletRequest request) \{  
List<MultipartFile> files = request.getFiles(“attachment\[\]”);  
try \{  
  
\} catch (Exception e) \{  
  
\}  
return xxx;  
\}

d.这里的代码只是提供从前端从然后后台接收的一个过程，后台肯定还有通过输入流的形式，在将传过来的文件保存在我们的文件服务器上。

[icon_copy.gif]: http://a52071453.iteye.com/images/icon_copy.gif
[icon_copy.gif 1]: http://a52071453.iteye.com/admin/blogs/#
[icon_star.png]: /images/20220823/7de7e3266c104a88be2469fb23c20434.png