uploadify3.2.1 + struts2 解析上传excel

第一次接触uploadify，感觉有点新鲜，然后做了一个上传excel并解析数据的功能。

在博客里面也看了很多，但大多都是 uploadify + springMvc 的上传 例子。

废话不多说，上代码吧。

首先下载好压缩文件uploadify.zip，解压。 添加js到项目中，jquery.uploadify.min.js 这个可以不要。注意： 这里必须要引入  swfobject.js  ,我之前没引入，导致一直用不了，错误原因是：Uncaught TypeError: Cannot read property 'queueData' of undefined 

然后引入js和css：

<script src="<%= request.getContextPath() %>/scripts/jquery/uploadify/jquery.uploadify.js"></script>
<script src="<%= request.getContextPath() %>/scripts/jquery/uploadify/swfobject.js"></script>
<link rel="stylesheet" href="<%= request.getContextPath() %>/scripts/jquery/uploadify/uploadify.css">

下面是 上传按钮：

<input type="file" id="uploadify" name="uploadify">  
<div id="fileQueue"></div>  
<a href="javascript:$('#uploadify').uploadify('upload','*')">开始上传</a>  
<a href="javascript:$('#uploadify').uploadify('cancel')">取消上传</a>  
</div>

然后是js代码：因为第一次用，很多参数没有配置，后面再慢慢研究。

<script type="text/javascript">
$(function() {
upLoad();
        });

        function upLoad(){  
            $("#uploadify").uploadify({    
            'auto'           : false, //选完文件后是否自动上传   
            'swf'            : '<%=request.getContextPath()%>/scripts/jquery/uploadify/uploadify.swf',  //引入uploadify.swf  
            'uploader'       : '<%=request.getContextPath()%>/cls/clearsettle/upload.do',//请求路径  
            'queueID'        : 'fileQueue',//队列id,用来展示上传进度的    
            'queueSizeLimit' : 3,  //同时上传文件的个数  
            'width '        : 120,
            'progressData' : 'percentage',//进度条显示的数据
            'buttonText'     :'上传文件',//按钮显示中文
            'multi'          : true,  //允许多文件上传  
            'fileSizeLimit' : '200MB', //设置单个文件大小限制   
            'fileObjName' : 'uploadFile',  //<input type="file"/>的name  
            'method' : 'post',  
            'removeCompleted' : false,//上传完成后自动删除队列  
            'onUploadSuccess' : function(file, data, response){//单个文件上传成功触发  
                //data就是action中返回来的数据  
            $('#' + file.id).find('.data').html(' 上传完毕');
            },  
            'onQueueComplete' : function(){//所有文件上传完成  
            if(queueData.uploadsErrored >1){
                    //存在失败的数据
                    return ;
                }
            }  
        });    

        }  
</script>

'removeCompleted' : false,//查了很多，说的是设置为false 之后上传完毕就自动删除上传队列，但是我试了true和false都没有效果，如果有大神知道哪里搞错了，麻烦指教指教。

然后是action代码：

        /*
 * 命名必须跟jsp页面中的uploadify的一个参数"fileObjName"一致，否则无法获取到上传的文件
 */
public File uploadFile;

@Action(value = "upload",results = {
    @Result(name = "success", type = "dispatcher", location = "/pages/aps/cls/xxxxxxxx_goUpload.jsp"), 
    @Result(name = "default", type = "dispatcher", location = "/pages/aps/cls/xxxxxxxx_goUpload.jsp")})
        public String upload() {
if(uploadFile == null){
return null;
}
List<ClearSettleSearch> result = new ArrayList<ClearSettleSearch>();
try {
String path = uploadFile.getPath();
FileInputStream in = new FileInputStream(path);
Workbook wb = new XSSFWorkbook(in);
Sheet sheet = wb.getSheetAt(0);
for(Row r : sheet){
if(r.getRowNum() < 1){
continue;
}

ClearSettleSearch info = new ClearSettleSearch();
r.getCell(0).setCellType(Cell.CELL_TYPE_STRING);//这里传进来是一个double类型，所以要设置一下
info.setId(Long.valueOf(r.getCell(0).toString()));

info.setMchCode(r.getCell(1).getStringCellValue());
info.setResult(r.getCell(8).getStringCellValue());
result.add(info);
}
in.close();
return SUCCESS;
} catch (Exception e) {
e.printStackTrace();
}
saveErrorMessage("上传失败");
return "default";
}

效果：

这样，一个上传功能就算完成了。