jquery ocupload一键上传文件应用

直接上栗子

这是官方文档栗子

 var myUpload = $(element).upload({
         name: 'file',
         action: '',
         enctype: 'multipart/form-data',
         params: {},
         autoSubmit: true,
         onSubmit: function() {},
         onComplete: function(response) {},
         onSelect: function() {}
 });   

demo1

 $("#button-import").upload({
     name: 'upload',  // <input name="file" />
     action: '${pageContext.request.contextPath}/importSubarea.action',  // 提交请求action路径
     enctype: 'multipart/form-data', // 编码格式
     autoSubmit: true, // 选中文件提交表单
     onComplete: function(response) {// 请求完成时 调用函数
         if(response=="success"){
             alert("数据导入成功！");
         }
     }
 }); 

demo2

应用栗子

 //为导入按钮,添加一键上传效果
 $("#import").upload({
     //默认name为file
     action : 'xxx.action',
     onSelect : function(){
             //选中文件后,关闭自动提交
             this.autoSubmit=fasle;
             //判断文件格式,以.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("文件上传成功!");
     }
 });