JQuery批量上传插件Uploadify使用详解及参数说明.doc

JQuery批量上传插件Uploadify使用详解及参数说明Uploadify是JQuery的一个上传插件，实现的效果非常不错，带进度显示。官方提供的实例是php版本的，您可以点击下面的链接进行浏览或下载。 官方下载 官方文档 官方演示效果图： 部署和代码介绍：JSP前台页面: $(document).ready( function() $(#uploadify).uploadify( /初始化函数uploader :uploadify.swf,/flash文件位置，注意路径script :servlet/Upload,/后台处理的请求cancelImg :images/cancel.png,/取消按钮图片folder :uploads,/您想将文件保存到的路径queueID :fileQueue,/与下面的上传文件列表id对应queueSizeLimit :8,/上传文件的数量scriptData:a:value1,b:value2,/向后台传的数据fileDesc :rar文件或zip文件,/上传文件类型说明fileExt :*.rar;*.zip, /控制可上传文件的扩展名，启用本项时需同时声明fileDescmethod:get,/如果向后台传输数据，必须是getsizeLimit:1000,/文件上传的大小限制，单位是字节auto :false,/是否自动上传multi :true,simUploadLimit :2,/同时上传文件的数量buttonText :BROWSE,/浏览按钮图片onComplete: function(event, queueID, fileObj,serverData,data) /当上传完成后的回调函数，ajax方式哦 alert(data.speed); ););开始上传 取消所有上传java后台：String savePath = this.getServletConfig().getServletContext().getRealPath(); savePath = savePath + /uploads/; File f1 = new File(savePath); System.out.println(savePath); if (!f1.exists() f1.mkdirs(); DiskFileItemFactory fac = new DiskFileItemFactory(); ServletFileUpload upload = new ServletFileUpload(fac); upload.setHeaderEncoding(utf-8); List fileList = null; try fileList = upload.parseRequest(request); catch (FileUploadException ex) ex.printStackTrace(); return; Iterator it = fileList.iterator(); while (it.hasNext() FileItem item = (FileItem) it.next(); if (!item.isFormField() name = item.getName(); long size = item.getSize(); String type = item.getContentType(); if (name = null | name.trim().equals() continue; / 扩展名格式： if (name.lastIndexOf(.) = 0) extName = name.substring(name.lastIndexOf(.); File file = null; do / 生成文件名： name = UUID.randomUUID().toString(); file = new File(savePath + name + extName); while (file.exists(); File saveFile = new File(savePath + name + extName); try item.write(saveFile); catch (Exception e) e.printStackTrace(); response.getWriter().print(name + extName);代码很好懂，不讲解了。下面是官方英文文档的一些翻译。此文档是2.14版本的，现在出了3.0版本，属性和事件名称有改变，注意参考JS文件Uploadify属性属性名类型说明autoboolean添加到队列后自动上传buttonImgstring浏览按钮的背景图片buttonTextstring浏览按钮的显示文字cancelImgstring取消上传按钮的图片checkScriptstring服务端用来检查文件是否重名的脚本displayDatastring上传时显示的提示（percentage百分比/speed速度）expressInstallstring安装swf的文件(expressInstall.swf)路径fileDataNamestring重定义的input的名称（后台）fileDescstring文件打开对话框中的文件类型描述fileExtstring可允许上传的文件类型folderstring文件存储的文件夹heightinteger浏览按钮的高度hideButtonboolean是否隐藏浏览按钮methodstring表单提交方式（post/get）multiboolean是否允许上传多个文件queueIDstring上传队列的元素的IDqueueSizeLimitinteger上传队列大小removeCompletedboolean完成上传时是否自动删除rolloverboolean当鼠标移上时产生特效scriptstring上传表单提交的目标脚本scriptAccessstringswf的文件地址scriptDataJSON提交给后台的附加信息simUploadLimitinteger同时可上传的文件实例数sizeLimitinteger每文件的最大大小uploaderstringuploadify上传的swf文件路径widthinteger浏览按钮的宽度wmodestringflash文件的wmode模式Uploadify事件事件名参数说明onAllCompletefunction(event,data)当所有文件上传完毕时触发onCancelfunction(event,ID,fileObj,data)当某文件被取消上传时触发onCheckfunction()当开始上传时检查是否重名onClearQueuefunction(event)当执行uploadifyClearQueue()后执行onCompletefunction(event, ID, fileObj, response, data)当某文件上传完毕时触发onErrorfunction(event,ID,fileObj,errorObj)当上传时有错误返回时触发onInitfunction()当uploadify实例加载完毕时触发onOpenfunction(event,ID,fileObj)当某文件开始上传时触发onProgressfunction(event,ID,fileObj,data)当某文件上传进度改变时触发onQueueFullfunction(event,queueSizeLimit)当上传队列达到限制时触发onSelectfunction(event,ID,fileObj)每个文件被添加到上传队列时触发onSelectOncefunction(event,data)一次文件被添加到上传队列时触发onSWFReadyfunction()当flash加载完毕时触发Upload