MultipartFile 多文件上传的应用

公司的项目很多地方要用到文件上传，以前的上传主要是用apache的fileupload ,使用的感受并不太好。今天试了试spring的MultipartFile，感觉还不错，封装的比较简洁。

当然，中间也排除了不少坑。

1. 配置CommonsMultipartResolver

     <!-- 配置MultipartResolver 用于文件上传 使用spring的CommosMultipartResolver -->
     <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
         <property name="defaultEncoding" value="UTF-8"/>
         <property name="maxUploadSize" value="209715200"/>
         <property name="maxInMemorySize" value="4096"/>
         <property name="uploadTempDir" value="fileUpload/temp"/>
     </bean>

defaultEncoding="UTF-8" 是请求的编码格式，默认为iso-8859-1
maxUploadSize="209715200" 是上传文件的总的大小，单位为字节，我设置的是200M,
uploadTempDir="fileUpload/temp" 为上传文件的临时路径

2. 添加apache的 fileupload

 <dependency>
     <groupId>commons-fileupload</groupId>
     <artifactId>commons-fileupload</artifactId>
     <version>1.2.2</version>
 </dependency>

应该是multipartfile方式上传底层也会用到commons-fileupload

3.前端用了jquery file upload

 <span class="btn btn-success fileinput-button">
     <i class="glyphicon glyphicon-plus"></i>
     <span>选择文件...</span>
     <!-- The file input field used as target for the file upload widget -->
     <input id="fileupload" type="file" name="file[]" multiple>
 </span>
 #jquery file upload 没有采用form表单上传，是ajax方式向后台发送的请求，
   #如果是以表单形式提交上传请求，不要忘了加上enctype="multipart/form-data"
 ...

 $('#fileupload').fileupload({
     url: "<%=request.getContextPath()%>/aaa/upload.do",
     sequentialUploads: true,
     singleFileUploads: false,
     add: function (e, data) {
         data.context = $('<button/>').text('Upload')
             .appendTo(document.body)
             .click(function () {
                 data.context = $('<p/>').text('Uploading...').replaceAll($(this));
                 data.submit();
             });
     },
     done: function (e, data) {
         $.each(data.files, function (index, file) {
             $('<p/>').text(file.name).appendTo(document.body);
         });     }
 });

jquery file upload 看起来还不错，就是中文的资料还是有点少，官网看的头大。

4.后台是我们的重点，其实我想说，我本来只是想周末找一个好用，好看的前端上传插件的，结果重点弄到后台来了。。

由于配置了CommonsMultipartResolver，文件上传请求HttpServletRequest会被解析为MultipartHttpServletRequest

  /**
      * 多文件上传
      *
      * @param multipartRequest
      * @return
      * @throws IOException
      */
     @ResponseBody
     @RequestMapping(value = "upload", method = RequestMethod.POST)
     public String handleImport(DefaultMultipartHttpServletRequest multipartRequest) throws IOException {
         if (multipartRequest != null) {
             Iterator<String> iterator = multipartRequest.getFileNames();
             while (iterator.hasNext()) {

 //                //单文件上传 。
 //                MultipartFile file = multipartRequest.getFile(iterator.next());//一次传一个文件
 //                if (StringUtils.hasText(file.getOriginalFilename())) {
 //                    file.transferTo(new File("E:/upload_" + file.getOriginalFilename()));
 //                }

                 //多文件上传
                 List<MultipartFile> fileList = multipartRequest.getFiles(iterator.next()); //一次选多个文件上传
                 for (MultipartFile file : fileList) {
                     if (StringUtils.hasText(file.getOriginalFilename())) {
                         file.transferTo(new File("E:/upload_" + file.getOriginalFilename()));
                     }
                 }
             }
         }
         return "success";
     }