JQuery上传插件Uploadify

yanyiping 2015-06-03

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

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

相关链接

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);
	}
});

 

相关推荐