利用swfupload实现java文件批量上传 (一)

之前在网上找过很多相关资料，很多所谓的批量上传都是忽悠人的，真正的批量上传指的是用户一次性可以选择多个文件，然后上传是将所有选取的文件上传到服务器。java中真正可以实现批量上传的技术大致有两种：一种是通过flash；一种是通过applet；不过html5也可以支持批量拖选。两种方式有各自的优缺点，其中flash对于浏览器兼容性较好，基本可以满足市面上大众浏览器，缺点就是对于上传文件大小有限制，如果用户只需要上传一些图片或者文档文件的话，这种选择还是比较理想的；applet方式可以上传大文件，但是需要浏览器支持jdk并安装相关插件。

今天这个项目采用的是flash方式。整体设计思路：采用ext+swfupload进行上传界面显示，后台采用strust2来处理上传文件。

最终项目运行效果图如下：

前台jsp文件源码index.jsp：

[html]
<%@ page contentType="text/html;charset=gb2312" language="java"%>



href="js/css/ext-all.css" />






<script type="text/java script" src="js/ext-base.js">
<script type="text/java script" src="js/ext-all.js">
<script src="swf/swfupload.js" type="text/java script">
<script src="swf/swfupload.speed.js" type="text/java script">
<script src="swf/mode.js" type="text/java script">
<script src="swf/handlers.js" type="text/java script">
<script type="text/java script" src="js/prototype/prototype.js">
<script type="text/java script" src="js/bramus/jsProgressBarHandler.js">
<script type="text/java script">
// 允许上传文件的全部大小
var limtallsize=50000000;

function UploadGrid()
{
var mine=this;
var states=[{v:-1,t:'等待'},{v:0,t:'就绪'},{v:1,t:'上传中'},{v:2,t:'停止'},{v:3,t:'成功'},{v:4,t:'失败'}];
function statesRender(v)
{
for(var i=0;i {
if(states[i].v==v)
{
return states[i].t;
}
}
}
function rateRender(value, metaData, record, rowIndex, cellIndex, store)
{
v=value value:0;
//return "