SpringMVC + bootstrap fileupload 多文件上传

最近公司的项目要用到文件上传，然后发现单文件上传还是挺简单，但是多文件就有点麻烦了，废话不会说，多见谅，下面是正文：

首先在网上找到了swfUpload，个人感觉样子不太好看，效果如下：

然后我找到了bootstrap fileupload，先看效果图：

官网demo地址：http://plugins.krajee.com/file-input/demo 

txt、excel支持文件预览，图片可以放大 左右翻看，非常nice！！！！

前段代码在这里：bootstrap fileupload 使用详解（）：http://blog.csdn.NET/fanxiangru999/article/details/63756730

下面是后台代码

SpringMVC 配置及代码如下：

1、配置SpringMVC文件上传解析器：applicationContext.xml 中增加如下配置：

<!-- 配置SpringMVC文件上传解析器  --><bean id="multipartResolver"  class="org.springframework.web.multipart.commons.CommonsMultipartResolver">    <property name="maxUploadSize" value="-1" />    <property name="defaultEncoding" value="UTF-8" />    <property name="maxInMemorySize" value="40960"></property>    </bean>

2、controller写法：

@RequestMapping(value = "/upload", produces = "text/html;charset=utf-8")@ResponseBodypublic String uploadFlatness(@RequestParam("fileId") MultipartFile file,HttpServletRequest request) throws IOException {// 1、解析文件数据，并存入车检数据库InputStream fileInput = fileInput = file.getInputStream() ;String name = file.getOriginalFilename();fileInput.close();return "上传成功："+name;}

文件多选时，将同步挨个文件进行上传，测试就能看到效果：

SpringMVC+bootsrap 操作已经晚了，很简单吧~

下面介绍两个有用的方法：

1、如果页面中某个值或者内容改变需要调整上传路径，可以借鉴下面：

$("#fileId").fileinput("refresh",{uploadUrl : basePath+ 'ptcms/lkpd/ptcdImport/uploadFlatness/SFC/' + screening});

2、上传成功后回调函数：

$(document).on('fileuploaded', function(event, data, previewId, index) {if (data.response.status == "error") {var d = data.response.data;for ( var i = 0; i < d.length; i++) {d[i].fileName = data.filenames[index];datas.push(d[i]);}if ((data.filenames.length - 1) == index) {mini.alert("检测数据校验不通过，无法导入");var grid = mini.get("resultGrid");grid.setData(datas);datas = new Array();}} else {var grid = mini.get("resultGrid");grid.load();}});