区域批量导入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;

最后

以上就是快乐小海豚为你收集整理的区域批量导入ocupload一键上传使用的全部内容，希望文章能够帮你解决区域批量导入ocupload一键上传使用所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。