jquery ocupload一键上传文件应用

直接上栗子

 

这是官方文档栗子

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

$("#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("数据导入成功！");  
        }  
    }  
}); 

 

应用栗子

//为导入按钮,添加一键上传效果
$("#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("文件上传成功!");
    }      
});