Springmvc+uploadify实现文件带进度条批量上传

 网上看了很多关于文件上传的帖子，众口不一，感觉有点乱，最近正好公司的项目里用到JQuery的uploadify控件做文件上传，所以整理下头绪，搞篇文档出来，供亲们分享。 

   Uploadify控件的主要优势是可以实现批量文件上传，并且提供了onSelect（选中文件）、onUploadSuccess（上传成功回调函数）等多个事件监听函数，可以操控上传的整个流程。

   对uploadify有个简单的了解后，废话不多说，开始吧...

(由于这次项目中用到的是ssm框架，所以就以springmvc的后台处理为例)。

一、在工程中导入uploadify

1、首先，下载uploadify包文件

Uploadify官网 ：下载地址  <a>http://www.uploadify.com/</a>

2、解压包文件，得到如下结构：

4、导入必须的jar包

commons-fileupload-1.3.1.jar  

commons-io-2.2.jar

使用maven时pom.Java代码  

1. <dependency>  
2.             <groupId>commons-fileupload</groupId>  
3.             <artifactId>commons-fileupload</artifactId>  
4.             <version>1.3.1</version>  
5. </dependency>  

7、在页面中需要上传附件的位置插入

1. <div id="uploadfileQueue"></div> //存放选择文件的 图片按钮的 Div  
2.   
3. <input type="file" id="file_upload">  
4.   
5. <input type="button" value="上传"  
6.  onclick="javascript:$('#file_upload').uplodify('upload','*')" >  
7.   
8. <input type="button" value="取消上传"  
9.  onclick="javascript:$('#file_upload').uplodify('cancel','*')" >  
10.   
11.     （固定写法）  

三、总结

1、多文件的上传其实是多次调用单文件上传的方法，我们看到的批量上传其实是分步执行的，上传一次调用一次单文件上传的方法，不要被假象迷惑。

2、上传成功后可以返回文件的信息，在onUploadSuccess函数中可以获取到，这样就可以在页面上设置一个隐藏域存放返回来的值，比如说文件的id，多文件的话可以在隐藏域中抓取数组。然后随表单提交，更新表数据，这样就能方便的把上传文件的信息添加到数据库表中。下载地址 

3、有的朋友问，上传的东西在服务器中，项目重启就会丢失，怎么办，其实这个在真实项目中会做专门处理，不需要考虑。

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：Springmvc+uploadify实现文件带进度条批量上传

关键词：Spring