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