`
itace
  • 浏览: 180855 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

uploadify多文件进度条上传

    博客分类:
  • js
 
阅读更多
$(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);
	}

 

 

 

 

分享到:
评论

相关推荐

    Jquery Uploadify上传带进度条

    尤其在处理大文件上传时,Uploadify能有效提高用户体验,因为它允许分块上传,并且在上传过程中显示进度条,让用户对上传状态有清晰的了解。 ### Uploadify基本原理 Uploadify利用HTML5的File API和Flash技术实现...

    uploadify控件实现多文件进度条上传

    在“uploadify控件实现多文件进度条上传”的示例中,我们可以看到Uploadify如何帮助用户实现以下核心功能: 1. **多文件选择**:Uploadify允许用户同时选择多个文件进行上传,极大地提高了文件上传的效率。它通过...

    struts2_uploadify带进度条的多文件上传下载

    总之,这个项目实例为使用Struts2和Uploadify实现带进度条的多文件上传及下载功能提供了一个基础模板,对于学习和实践此类功能的开发者来说是一个有价值的参考。通过深入研究和理解这个项目的代码,可以提升对Struts...

    jquery之Uploadify实现的带进度条的文件上传

    在本文中,我们将深入探讨如何使用jQuery插件Uploadify实现带进度条的文件上传功能。Uploadify是一款强大的JavaScript和Flash插件,它为用户提供了友好的界面和实时的上传进度反馈,大大提升了用户体验。 首先,...

    jquery+uploadify3.2带进度条的多文件

    jquery+uploadify3.2实现多文件上传并且有进度(IE,FF,Google浏览器兼容),本人已经通过IE,火狐,google浏览器测试通过了。将项目直接导入myeclipse下就可以直接运行!(IE,FF,Google浏览器兼容) 附件大小...

    uploadify多文件上传

    Uploadify是一款广泛应用于Web开发中的JavaScript插件,用于实现多文件上传功能。它基于jQuery库,使得文件上传变得更加便捷和用户友好。在本项目中,我们看到一系列与Uploadify相关的文件,包括样式表、JavaScript...

    jquery uploadify多文件上传例子和详细API

    jQuery Uploadify是一款强大的JavaScript插件,它允许用户进行多文件上传,同时提供进度条显示,极大地提升了文件上传的用户体验。本文将详细介绍如何在Java Web工程中实现jQuery Uploadify的多文件上传功能,并解析...

    Uploadify大文件(带进度条)上传实例 C# ASP.net

    Uploadify是一款著名的JavaScript插件,它允许用户在Web应用程序中实现多文件和大文件的上传功能,同时还提供了进度条显示,极大地提升了用户体验。本实例主要针对C# ASP.NET平台,教你如何利用Uploadify实现大文件...

    多文件上传之uploadify

    2. **进度条显示**:在上传过程中,Uploadify可以显示每个文件的上传进度,提供实时反馈。 3. **断点续传**:虽然这不是Uploadify的默认功能,但通过定制代码,可以实现断点续传,提高上传成功率。 4. **文件类型...

    uploadify.NET文件上传带进度条

    Uploadify是一款流行的JavaScript插件,它提供了优雅的文件上传界面,支持多文件选择、断点续传以及进度条显示,大大提升了用户体验。在ASP.NET平台下,利用C#进行后端处理,可以与Uploadify很好地集成,实现高效且...

    uploadify3 uploadify2 jsp 文件上传 进度条

    Uploadify是一款基于Flash和jQuery的文件上传组件,它允许用户通过直观的拖放界面进行多文件上传,并且在上传过程中显示进度条,提高了交互性和易用性。Uploadify2和Uploadify3是该插件的两个不同版本,主要区别在于...

    uploadify多文件上传(java版)

    Uploadify是一款广泛使用的JavaScript库,它允许用户在网页上实现多文件上传功能。这个Java版本的实现是将Uploadify与后端服务器的Java环境相结合,为用户提供了一个高效、易用的文件上传解决方案。Uploadify的核心...

    Uploadify多文件上传+servlet

    Uploadify是一款非常流行的JavaScript插件,它能够实现异步的、基于Ajax的多文件上传功能,极大地提升了用户体验。搭配Servlet,我们可以构建一个后端服务器来接收和处理这些上传的文件。下面我们将深入探讨...

    Jquery Uploadify多文件上传带进度条 且传递自己的参数示例

    在本文中,我们将深入探讨如何使用Jquery Uploadify插件实现多文件上传功能,并结合进度条显示上传进度,同时传递自定义参数。Jquery Uploadify是一个广泛使用的jQuery插件,它使得在网页上进行文件上传变得简单而...

    基于uploadify的无刷新上传 带进度条

    基于Uploadify的无刷新上传技术,结合Ajax和Flash技术,为用户提供了一种直观且高效的文件上传方式,尤其在处理多文件上传时,其优势更加明显。 Uploadify是一款非常流行的JavaScript插件,它利用Flash的特性实现了...

    uploadify多文件上传插件

    Uploadify是一款广受欢迎的jQuery插件,主要用于实现网页上的多文件批量上传功能。这款插件以其易用性、高效性和自定义性强而受到开发者们的喜爱。在深入理解Uploadify之前,我们先要明白jQuery的基本概念。jQuery是...

    uploadify2 uploadify3 jsp 文件 上传 进度条

    uploadify2 uploadify3 jsp 文件 上传 进度条,官网提供的是php版,我改为jsp版了,并且版本2和版本3都有哦,分享给大家,文档可参考官网的http://www.uploadify.com/documentation/

    jquery_uploadify实现的下载进度条

    首先,jQuery Uploadify是基于jQuery的一个插件,它支持多文件上传、预览、取消上传、进度条显示等功能。其核心在于通过Flash技术实现实时反馈上传进度,从而让用户了解文件上传的状态。 在开始之前,确保你已经...

    uploadify文件异步上传

    它利用Flash技术提供了一种用户友好的界面,使得用户可以选择多个文件并一次性上传,而无需等待每个文件的上传完成。在“uploadify 文件异步上传 实现qq邮箱异步上传 0积分”的场景下,我们可以理解为这个示例可能...

Global site tag (gtag.js) - Google Analytics