区域批量导入ocupload一键上传使用

1.导入jquery.ocupload-1.1.2.js到项目中
2.在页面引入ocupload.js

<!-- 导入jquery核心类库 -->
        <script type="text/javascript" src="../../js/jquery-1.8.3.js"></script>
        <!-- 导入ocupload -->
        <script type="text/javascript" 
            src="../../js/ocupload/jquery.ocupload-1.1.2.js" ></script>

3.为导入按钮,添加一键上传效果

// 为导入按钮,添加一键上传效果 
                $("#button-import").upload({
                    // 默认name为file 
                    action : '../../area_batchImport.action',
                    onSelect :function(){
                        // 选中文件后,关闭自动提交 
                        this.autoSubmit = false ;
                        // 判定文件格式 ,以.xls 或者 .xlsx 结尾 
                        var filename = this.filename();
                        var regex = /^.*\.(xls|xlsx)$/ ;
                        if(regex.test(filename)){
                            // 满足
                            this.submit();
                        }else{
                            $.messager.alert("警告","只能上传.xls或.xlsx结尾的文件!","warning");
                        }
                    },
                    onComplete : function(response){
                        alert("文件上传成功!");
                    }
                });

4.使用struts2文件上传机制,接收上传文件
编写AreaAction接收上传文件,在Action中定义三个成员变量

private File file;
private String fileFileName;
private String fileContentType;
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章