上传插件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 html5 var itemTemp = '<div id="${fileID}" class="uploadify-queue-item tn-widget-content tn-border-gray"><div class="uploadify-progress"><div class="uploadify-progress-bar"></div></div><span class="uploadbtn">上传</span><span class="delfilebtn">删除</span><span id="${UpBtnID}" class="up_btn">上移</span><span id="${DownBtnID}" class="down_btn">下移</span><span class="up_filename">${fileName}</span><input type="hidden" id="${FilePathID}" class="hidden_file" /><input type="hidden" id="${FilePathName}" class="hidden_name" /><input type="hidden" id="${FilePathTitle}" class="hidden_title" /></div>'; var defaults = { fileTypeExts: '',//允许上传的文件类型,格式'*.jpg;*.doc' uploader: '',//文件提交的地址 auto: false,//是否开启自动上传 method: 'post',//发送请求的方式,get或post multi: true,//是否允许选择多个文件 formData: null,//发送给服务端的参数,格式:{key1:value1,key2:value2} fileObjName: 'file',//在后端接受文件的参数名称,如PHP中的$_FILES['file'] fileSizeLimit: 2048000,//允许上传的文件大小,单位KB showUploadedPercent: true,//是否实时显示上传的百分比,如20% showUploadedSize: false,//是否实时显示已上传的文件大小,如1M/2M buttonText: '选择文件',//上传按钮上的文字 removeTimeout: 1000,//上传完成后进度条的消失时间 itemTemplate: itemTemp,//上传队列显示的模板 onUploadStart: null,//上传开始时的动作 onUploadSuccess: null,//上传成功的动作 onUploadComplete: null,//上传完成的动作 onUploadError: null, //上传失败的动作 onInit: null,//初始化时的动作 onCancel: null//删除掉某个文件后的回调函数,可传入参数file } var option = $.extend(defaults, opts);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Hi竹子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值