本文主要是介绍上传插件uploadify介绍,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
Uploadify是来自国外的一款优秀jQuery插件,主要功能是批量上传文件,此插件在项目中已被广泛之用
官方网:http://www.uploadify.com/
我的下载:http://pan.baidu.com/s/1eR1v9uE 我也是从官网下载的,下载于2016年09月03日
官网的下载:http://www.uploadify.com/download/
文章:http://www.cnblogs.com/oec2003/archive/2010/01/06/1640027.html、
使用例子:
$(function(){
$('#file_upload').uploadify({
swf:'plug-in/uploadify/uploadify.swf', /**上传引用插件*/
uploader:'importBaseController.do?importExcelUser&sessionId=F89412674D7487A173B2904B92DC8419',/*上传路径*/
auto:false, /*是否自动上传*/
buttonText:"请选择导入的文件",/*上传选择按钮文字*/
buttonCursor: 'hand', /*按钮手型*/
fileSizeLimit:'100MB',/*上传最大值*/
fileTypeExts:'*.xls;*.xlsx',/*上传格式*/
fileTypeDesc: 'All Files',/*上传格式描述*/
multi: false,/*设置是否允许一次选择多个文件,true为允许,false不允许*/
progressData: 'percentage',
/*设置文件上传时显示数据,有‘percentage’ or ‘speed’两个参数(百分比和速度)*/
onFallback : function(){
tip("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试")
},
onQueueComplete : function(queueData) {
/** 队列中的文件都上传完后触发,返回queueDate参数,有以下属性:
uploadsSuccessful 成功上传的文件数量
uploadsErrored 出现错误的文件数量
*/
},
onSelectError : function(file, errorCode, errorMsg){
/*
选择文件出错时触发,返回file,erroCode,errorMsg三个参数
errorCode是一个包含了错误码的js对象,用来查看事件中发送的错误码,以确定错误的具体类型,可能会有以下的常量:
QUEUE_LIMIT_EXCEEDED:-100 选择的文件数量超过设定的最大值;
FILE_EXCEEDS_SIZE_LIMIT:-110 文件的大小超出设定
INVALID_FILETYPE:-130 选择的文件类型跟设置的不匹配
errorMsg 完整的错误信息,如果你不重写默认的事件处理器,可以使用‘this.queueData.errorMsg’ 存取完整的错误信息
*/
switch(errorCode) {
case -100:
tip("上传的文件数量已经超出系统限制的"+$('#file_upload').uploadify('settings','queueSizeLimit')+"个文件!");
break;
case -110:
tip("文件 ["+file.name+"] 大小超出系统限制的"+$('#file_upload').uploadify('settings','fileSizeLimit')+"大小!");
break;
case -120:
tip("文件 ["+file.name+"] 大小异常!");break;
case -130:tip("文件 ["+file.name+"] 类型不正确!");
break;
}
},
onUploadStart: function(file){
/* 每个文件即将上传前触发*/
},
onUploadSuccess: function(file,data,respone){
var d=$.parseJSON(data);
if(d.success){
alert(d.msg);
}
},
onQueueComplete : function(queueData) {
/*
队列中的文件都上传完后触发,返回queueDate参数,有以下属性:
uploadsSuccessful 成功上传的文件数量
uploadsErrored 出现错误的文件数量
*/
/*
var win = frameElement.api.opener;win.reloadTable();
win.tip(serverMsg);
frameElement.api.close();
*/
}
});
});
这篇关于上传插件uploadify介绍的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!