注：截至目前最新的版本是uploadify 3.2，注意在使用时看清楚版本，因为旧版本和新版本所提供的参数设置有很大差别。 1、引入uploadify所需的js及css文件 link id=easyuitheme rel=stylesheet href=/js/uploadify/uploadify.css type=text/css/linkscript ty
注：截至目前最新的版本是uploadify 3.2，注意在使用时看清楚版本，因为旧版本和新版本所提供的参数设置有很大差别。
1、引入uploadify所需的js及css文件

如上所示同时也要引入swfobject.js这个插件，最好使用最新的版本，当然，jquery的基础库那也是必须要引入的（jquery-1.8.0.min.js）
2、使用方法
$(function() { $(#documentfile).uploadify({ //请求路径，这里我请求的是struts2的action,但是在请求路径后加了.action，就无法提交。 'uploader': '${pagecontext.request.contextpath}/uploads/control_projectdocument_adddocumentversion', 'swf':'${pagecontext.request.contextpath}/js/uploadify/uploadify.swf',//引入uploadify提供的swf文件 'cancelimg': 'js/uploadify/uploadify-cancel.png',//取消按钮 'queueid': 'filequeue',//文件选择后所要存放的容器 'wmode' : 'transparent', 'debug' : false,//是否开启调试 'auto': false,//是否开启自动上传 'multi': true, 'fileobjname':'documentfile',//上传文件input type=file的名称 'width':84,//宽度 'height':24,//高度 'buttontext':'',//改变上传按钮的文本 'preventcaching':true, 'removetimeout':1, //不执行默认的onselect事件 'overrideevents' : ['ondialogclose'], 'filetypedesc':'支持的格式：', //在浏览窗口底部的文件类型下拉菜单中显示的文本 'filetypeexts':'*.jpg;*.jpge;*.gif;*.png;*.bmp;*.swf;*.doc;*.txt;*.xls;*.ppt;*.pdf;*.xlsx;*.docx;*.pptx;*.mpp',//允许上传的文件后缀 'filesizelimit':'50mb',//上传文件的大小限制 'queuesizelimit' : 5,//上传数量 'onuploadprogress' : function(file, bytesuploaded, bytestotal, totalbytesuploaded, totalbytestotal) {//每次更新上传的文件的进展 //利用这个方法可以自定义上传进度， //使用方法见官方说明 }, //选择上传文件后调用 'onselect' : function(file) { }, //返回一个错误，选择文件的时候触发 'onselecterror':function(file, errorcode, errormsg){ switch(errorcode) { case -100: $.messager.alert('提示',上传的文件数量已经超出系统限制的+$('#documentfile').uploadify('settings','queuesizelimit')+个文件！); break; case -110: $.messager.alert('提示',文件 [+file.name+] 大小超出系统限制的+$('#uploadify').uploadify('settings','filesizelimit')+大小！); break; case -120: $.messager.alert('提示',文件 [+file.name+] 大小异常！); break; case -130: $.messager.alert('提示',文件 [+file.name+] 类型不正确！); break; } }, //检测flash失败调用 'onfallback':function(){ $.messager.alert('提示',您未安装flash控件，无法上传图片！请安装flash控件后重启浏览器再试); }, //上传到服务器，服务器返回相应信息到data里 'onuploadsuccess':function(file, data, response){ $('#' + file.id).find('.data').html(' - 完成'); $('#documentfile').uploadify('upload'); var r = $ .parsejson(data); $.messager.show({ msg : r.msg, title : '提示' }); } }); });
3.所支持的表单


4.在使用时，通常除了上传的文件外，还需传入其它参数可以使用settings属性进行设置
//在上传文件时，判断是否选择了文件if($('#filequeue').html()==){ alert('提示',请先选择文件！);}//设置其它要传入后台的参数，格式如下$('#documentfile').uploadify('settings', 'formdata', {         'projectdocument.pid':$('#admin_xmwd_treegrid').propertygrid('getselected').id,       'version':$('#version').val()});$('#documentfile').uploadify('upload');//执行上传操作
到此位置，uploadify的基本使用就算完成。uploadify3.2压缩包下载地址：下载uploadify使用所需文件