uploadifive参数说明

记录一下uploadifive参数说明,用的蛋疼,记录一下,用来下次研究,网上下载的,不知道是不是官网的原版JS,因为我需要额外传递参数到后台并返回数据到前段进行解析,所以用起来一堆问题,感觉5$完全不值,看看源码自己都可以写了。

JS引用

<link type="text/css" href="../JS/uploadifive/uploadifive.css" rel="stylesheet" />
<script type="text/javascript" src="../Easyui/jquery.min.js"></script>
<script type="text/javascript" src="../JS/uploadifive/jquery.uploadifive.js"></script>

 

JS代码

$('#file_upload').uploadifive({
	'auto': false,  //是否自动上传,默认true
	'multi': false,
	'dnd': true, //拖放
	'uploadScript': '../Pub/RambleHandler.ashx',            // 服务器处理地址
	'cancelImg': '../JS/uploadifive/uploadifive-cancel.png',
	//'itemTemplate': '<div class="uploadifive-queue-item">\
	//        <a class="close" href="#">X</a>\
	//        <div><span class="filename"></span><span class="fileinfo"></span></div>\
	//        <div class="progress">\
	//            <div class="progress-bar"></div>\
	//        </div>\
	//    </div>',
	//'checkExisting': 'url',
	'buttonText': "请选择文件",                  //按钮文字
	'height': 30,                             //按钮高度
	'width': 120,                              //按钮宽度
	'fileSizeLimit': "2GB",          //上传文件的大小限制 0则表示无限制
	'uploadLimit': 1,    //上传文件数
	'queueSizeLimit': 1, //一次可以在队列中拥有的最大文件数
	'fileType': 'image/jpeg',    //文件类型(mime类型),要允许所有文件,请将此值设置为false,多个类型使用数组形式['image/jpeg','video/mp4'] 
	//'formData': { "imgType": "normal" }, //提交给服务器端的参数
	'overrideEvents': ['onDialogClose', 'onError'],    //onDialogClose 取消自带的错误提示
	'onFallback': function () { //如果浏览器没有兼容的HTML5文件API功能,则在初始化期间触发
		alert('浏览器不支持HTML5,无法上传!');
	},
	'onSelect': function (queue) {  //选择的每个文件触发一次,无论它是否返回和错误。cancelled:文件数量取消(未替换) count:队列中的文件总数   errors:返回错误的文件数  queued:添加到队列的文件数  replaced:文件替换的数量 selected:所选文件的数量
		//return false;
	},
	'onDrop': function (file, fileDropCount) {

	},
	'onAddQueueItem': function (file) {

	},
	'onClearQueue': function (queue) {

	},
	'onCancel': function (file) {

	},
	'onError': function (errorType, file) {
		if (file != 0) {
			var settings = $('#file_upload').data('uploadifive').settings;
			switch (errorType) {
				case 'UPLOAD_LIMIT_EXCEEDED':
					layer_Msg("上传的文件数量已经超出系统限制的" + settings.queueSizeLimit + "个文件!");
					break;
				case 'FILE_SIZE_LIMIT_EXCEEDED':
					layer_Msg("文件 [" + file.name + "] 大小超出系统限制的" + $('#file_upload').uploadifive('settings', 'fileSizeLimit') + "大小!");
					break;
				case 'QUEUE_LIMIT_EXCEEDED':
					layer_Msg("任务数量超出队列限制");
					break;
				case 'FORBIDDEN_FILE_TYPE':
					layer_Msg("文件 [" + file.name + "] 类型不正确!");
					break;
				case '404_FILE_NOT_FOUND':
					layer_Msg("文件未上传成功或服务器存放文件的文件夹不存在");
					break;
			}
		}
	},
	//'onProgress': function (file, e) {  //每次文件上传都有进度更新时触发 e:事件(lengthComputable:布尔值,指示文件的长度是否可计算    loaded:加载的btyes数  total:要加载的总字节数  )
	//},
	'onUpload': function (filesToUpload) {  //在使用upload方法调用的上载操作期间触发一次  filesToUpload:需要上传的文件数
		if (filesToUpload < 1) {
			layer_Msg("未选择任何文件");
			return false;
		}
	},
	'onUploadFile': function (file) {   //每次启动的文件上载都会触发一次。file:正在上载的文件对象
		$('#file_upload').data('uploadifive').settings.formData = { id: id, point: point, type: type, oldFile: name };   //动态更改formData的值
	},
	'onUploadComplete': function (file, data) {   //对于完成的每个文件上载,触发一次。
		if (data) {
			try {
				data = JSON.parse(data);
				if (data.result === true) {
					name = data.msg;
					layer_Msg("上传成功");
				} else {
					layer_Msg(data.msg);
				}
			} catch (e) {
				alert(data);
			}
		}
	},
	'onQueueComplete': function (uploads) {     //队列中的所有文件完成上传后触发。attempts:在上次上载操作中尝试的文件上载次数    successful:上次上载操作中成功上载文件的数量  errors:在上次上载操作中返回错误的文件上载数  count:从此UploadiFive实例上载的文件总数

	}
});

体代码

<input type="file" name="file_upload" id="file_upload" />

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值