uploadifive参数说明

最新推荐文章于 2021-03-12 08:52:06 发布

发福的熊猫

最新推荐文章于 2021-03-12 08:52:06 发布

阅读量1.4w

点赞数 1

分类专栏： js插件 web开发文章标签：上传下载

本文链接：https://blog.csdn.net/ai520587/article/details/81668042

版权

web开发同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

js插件

3 篇文章 0 订阅

订阅专栏

记录一下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" />