JQuery上传插件Uploadify-优快云博客

本文链接：https://blog.youkuaiyun.com/hqmln/article/details/84722162

Uploadify是一款基于JQuery的文件上传插件，支持单文件或多文件上传，并且可以通过参数配置文件类型及大小限制等特性。它还允许用户自定义上传过程中的回调函数，易于扩展并能与其他多种服务器端语言（如PHP、.NET、Java等）配合使用。

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

Uploadify简单说来，是基于Jquery的一款文件上传插件。它的功能特色总结如下：

支持单文件或多文件上传，可控制并发上传的文件数
在服务器端支持各种语言与之配合使用，诸如PHP,.NET,Java……
通过参数可配置上传文件类型及大小限制
通过参数可配置是否选择文件后自动上传
易于扩展，可控制每一步骤的回调函数（onSelect, onCancel……）
通过接口参数和CSS控制外观
更多……

相关链接

Uploadify主页地址：http://www.uploadify.com/ 在该页面你可以了解到关于他的更多内容。

Uploadify在线演示：在线Demo

Uploadify配置参数及接口文档：http://www.uploadify.com/documentation

Uploadify插件下载地址：http://www.uploadify.com/download

使用方法

//初始化上传
$('#file_upload').uploadify({
	buttonImage: '${ctx }/commons/uploaddify/img/browse-btn.png', 
	swf      :'${ctx }/commons/uploaddify/uploadify.swf',
	uploader :'uploadFiles.action',
	fileTypeExts: '*.jpg;*.png;*.gif;*.bmp',
	fileTypeDesc: '图像文件',
	formData: {
		ID: $("#form1 input[name='ID']").val()
	},
	onSelect: function(file){
		//重写校验
	},
	onUploadProgress: function(file,bytesUploaded,bytesTotal,totalBytesUploaded,totalBytesTotal){
		$('#pregress').html('总共需要上传'+bytesTotal+'字节，'+'已上传'+totalBytesTotal+'字节');
	},
	onUploadSuccess: function(file,data,response){
		$('#pregress').html('');
		var dataObj=eval("("+data+")");
		show(file,dataObj.msg);
	}
});