uploadify多文件进度条上传

最新推荐文章于 2021-07-31 17:06:04 发布

原创最新推荐文章于 2021-07-31 17:06:04 发布 · 219 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

js 专栏收录该内容

19 篇文章

订阅专栏

本文介绍如何利用Uploadify插件实现Word文档的批量上传功能。详细配置了文件类型限制、大小限制及数量限制等参数，并实现了上传过程中的错误处理及成功提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(function() {
		$("#file_upload").uploadify(
				{
					'overrideEvents' : ['onSelectError','onDialogClose','onUploadSuccess'],
					'queueSizeLimit' : 100,
					'formData': {'filetype' : 2},
					'swf' : 'uploadify/scripts/uploadify.swf',
					'uploader' : 'fileUploadAjax.do',
					'queueID' : 'fileQueue',
					'buttonText' : '选择Word文件',
					'width' : 102,
					'fileSizeLimit' : 1024000,//kb
					'multi' : true,
					'progressData' : 'percentage',
					'auto' : false,
					'fileTypeDesc' : '*.doc',
					'fileTypeExts' : '*.doc;*.docx',
					'uploadLimit':100,//文件数量限制
					'successTimeout':3600,//监听1小时等待后台响应数据
					'onDialogOpen' : function() {
						$("#result_message").html("");
			        },
					'onSelectError' : function(file, errorCode, errorMsg) {
						//alert(file + "--" + errorCode + "--" + errorMsg);
						switch (errorCode) {
						case -100:
							showSelectMessages("上传文件数量不能超过"
									+ jQuery('#file_upload').uploadify(
											'settings', 'queueSizeLimit')
									+ "个！");
							break;
						case -110:
							showSelectMessages("文件【"
									+ file.name
									+ "】 大小不能超过"
									+ jQuery('#file_upload').uploadify(
											'settings', 'fileSizeLimit')
									+ "KB！");
							break;
						case -120:
							showSelectMessages("文件 【" + file.name + "】 大小异常！");
							break;
						case -130:
							showSelectMessages("文件【" + file.name + "】 类型不正确！");
							break;
						}
					},
					'onClearQueue' : function(queueItemCount) {
						alert("取消上传");
					},
					'onUploadStart' : function(file) {
						$('#file_upload').uploadify('settings', 'formData',{'filetype' : 2,'name': $('#name').val()});
			        },
					'onQueueComplete' : function(queueData) {
						//messages += "2";
						//showResultMessages(messages);
					},
					'onUploadSuccess' : function(file, data, response) {
						alert(data);
						var result = eval("(" + data + ")");
						//messages += result["message"]+",";
						var m = result["message"];
						showResultMessages(m);
					}
				});
	});
	function showResultMessages(m){
		var color = "#EA0000";//红色
		var index = m.indexOf("成功");
		if(index>-1){
			color="#009100";//绿色
		}
		var h = "<div style='margin-top: 20px;color:"+color+";'>"+m+"</div>";
		$("#result_message").append(h);
			
	}
	function showSelectMessages(m){
		var color = "#EA0000";//红色
		var h = "<div style='margin-top: 30px;color:"+color+";'>"+m+"</div>";
		$("#result_message").append(h);
	}