Uploadify上传文件方法_

1、Uploadify上传文件方法_ Uploadify是JQuery的一个上传插件，实现的效果特别不错，带进度显示。不过官方供应的实例时php版本的，本文将具体介绍Uploadify在Aspnet中的用法，您也可以点击下面的链接进行演示或下载。 先给大家展现下效果图： 修改： 报找不到uploadify-cancel.png文件。找到uploadify.css，找到.uploadify-queue-item .cancel a ，修改文件的路径。 好多人都说，在chrome、Firefox上用法uploadify的时候猎取不到session导致上传出错。需要手工将session id方法附加参数

2、中。但是我这里并没有这么做，并且在chrome、Firefox上传没问题，不知道为什么，或许是由于我用的最新版的缘由吧。 要点： uploadify的js配置已经比较全面，在实际用法的时候可以适当的删减一些方法和属性。 一般状况下的单文件上传只考虑onSelect、onUploadError和onUploadSuccess即可。 假如是多文件上传，那么在单文件上传的基础上再加上对整个队列的监听onQueueComplete。 开头上传全部文件：$(#file_upload).uploadify(upload, *); 取消上传：$(#file_upload).uploadify(cancel,

3、 parm); parm为空：取消上传第一个文件。 parm为*：取消全部的上传文件。 parm为file id：取消该file id对应的文件。 修改附加的一些变量：$(#file_upload).uploadify(settings,formData,name1:中文name,parm1:修改后的参数);参数为json，假如该json中的某个变量已经有了，那么掩盖该属性，假如没有，那么追加该属性。 服务端设置编码为：upload.setHeaderEncoding(UTF-8);，这样解析的文件名称为正常中文。但是解析的附加变量中文乱码，这里做一次转码（总感觉转码比较low，不知道是哪里配

4、置的不对）。new String(item.getString().getBytes(iso8859-1),utf-8) 服务端最终返回文件保存路径（这里可以任凭定义返回内容）。 步骤： 配置uploadify % page language=java contentType=text/html;charset=UTF-8 pageEncoding=UTF-8% %String path = request.getContextPath();% %String basePath = request.getScheme()+:/+request.getServerName()+:+request

5、.getServerPort()+path+/;% !DOCTYPE html html lang=en head meta charset=UTF-8 base href=%=basePath % title/title link rel=stylesheet type=text/css href=jquery-easyui-1.4.3/themes/default/easyui.css link rel=stylesheet type=text/css href=jquery-easyui-1.4.3/themes/icon.css script type=text/javascript

6、src=jquery-easyui-1.4.3/jquery.min.js/script script type=text/javascript src=jquery-easyui-1.4.3/jquery.easyui.min.js/script script type=text/javascript src=uploadify/uploadify/jquery.uploadify.min.js/script link rel=stylesheet type=text/css href=uploadify/uploadify/uploadify.css / /head script $(fu

7、nction() $(function() $(function() $(#file_upload).uploadify( uploader : %=basePath%/UploadServlet,/服务端地址 swf : uploadify/uploadify/uploadify.swf, buttonImage : uploadify/uploadify/img/chooseFile.jpg,/重载按钮图片 buttonClass : some-class,/重载按钮样式 height:19,/按钮宽度和高度 width:76, queueID : file_queue,/显示文件队列的一

8、个div，在页面定义 formData : parm1:参数1,year:2021,/附加参数，可以在upload参数中更改 buttonText:选择文件,/按钮显示文字，假如有图片的话，会被图片拦住 fileSizeLimit:1MB,/文件最大 auto:false,/自动提交 fileTypeExts : *.gif; *.jpg; *.png,/文件类型 fileTypeDesc : 只能上传图片,/选择文件的时候的提示信息 multi : true,/多选 queueSizeLimit : 3,/队列中文件的个数 onSelect : function(file) console.

9、log(file); alert(选择文件： + + n类型=+file.type+n大小=+file.size); if(file.size1024000)/文件太大，取消上传该文件 alert(文件大小超过限制！); $(#file_upload).uploadify(cancel,file.id); , onUploadSuccess : function(file, data, response) alert(每个文件上传胜利后触发 + + was successfully uploaded with a response of + respon

10、se + : + data); , onUploadComplete : function(file) alert(每个文件上传完成，无论对错都触发！ + + finished processing.); , onUploadError : function(file, errorCode, errorMsg, errorString) alert(上传出错 + + could not be uploaded: + errorString); , onQueueComplete:function(queueData) alert(队列中的全部文件上传完成

11、后触发。n+queueData.uploadsSuccessful+n+queueData.uploadsErrored) , ); ); ); ); function upload() $(#file_upload).uploadify(settings,formData,name1:中文name,parm1:修改后的参数); $(#file_upload).uploadify(upload, *);/上传全部文件 function cancel() $(#file_upload).uploadify(cancel, *);/取消全部文件 function destroy() alert(取

12、消upload上传，变成原来样式！); $(#file_upload).uploadify(destroy);/destory /script body div class=easyui-panel title=说明 style=margin-bottom:15px /div div class=easyui-panel style=text-align:center;margin-bottom:15px a href=javascript:void(0) class=easyui-linkbutton onclick=upload()开头上传/a a href=javascript:void

13、(0) class=easyui-linkbutton onclick=cancel()取消上传/a a href=javascript:void(0) class=easyui-linkbutton onclick=destroy()destroy/a input type=file name=file_upload id=file_upload / div id=file_queue style=width:400px;height:10px;position:absolute;z-index:999/div /div /body /html 服务端 package com.servlet

14、; import java.io.File; import java.io.IOException; import java.text.SimpleDateFormat; import java.util.Date; import java.util.Iterator; import java.util.List; import java.util.UUID; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServl

15、et; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import mons.fileupload.FileItem; import mons.fileupload.FileUploadException; import mons.fileupload.disk.DiskFileItemFactory; import mons.fileupload.servlet.ServletFileUpload; /* * Servlet implementation

16、 class UploadServlet */ WebServlet(name=UploadServlet,urlPatterns=/UploadServlet) public class UploadServlet extends HttpServlet private static final long serialVersionUID = -6483558339095298703L; /* * see HttpServlet#HttpServlet() */ public UploadServlet() super(); / TODO Auto-generated constructor

17、 stub /* * see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) */ protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException / TODO Auto-generated method stub response.getWriter().append(Served at: ).append(request.

18、getContextPath(); /* * see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) */ protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException System.out.println(猎取session，可以依据这个session进行一些其他的推断 + request.getSession().g

19、etId(); SimpleDateFormat sdf=new SimpleDateFormat(yyyyMMdd); String remotePath = File.separator + download + File.separator + sdf.format(new Date() + File.separator; String savePath = remotePath; File dfile = new File(savePath); if (!dfile.exists() dfile.mkdirs(); DiskFileItemFactory fac = new DiskF

20、ileItemFactory(); ServletFileUpload upload = new ServletFileUpload(fac); upload.setHeaderEncoding(UTF-8); ListFileItem fileList = null; try fileList = upload.parseRequest(request); catch (FileUploadException ex) return; IteratorFileItem it = fileList.iterator(); String name = ; String extName = ; while (it.hasNext() FileItem item = it.next(); if (!item.isFormField() name = item.getName(); long size = item.getSize(); String type = item.getContentType(); System.out.println(文件= + name + + size + + type); i