Commons Fileupload+Servlet+JQuery实现文件上传进度条
来源:互联网 发布:我的世界清除玩家数据 编辑:程序博客网 时间:2024/06/04 23:18
实现文件动态上传,大致的思路是这样的:
首先,利用Common Fileupload的ProgressListener接口讲实时的文件上传百分比存入session中,
然后,实现一个读取session的servlet,在web端利用ajax间隔一定时间请求这个servlet,
最后,将文件上传百分比显示在web端,并制作进度条。
1.实现ProgressListener
ServletFileUpload upload = new ServletFileUpload(upload_factory);class UploadProgressListener implements ProgressListener{private HttpServletRequest request;private DecimalFormat df = new DecimalFormat("#00.0");UploadProgressListener(HttpServletRequest request){this.request = request;}@Overridepublic void update(long bytesRead, long bytesTotal, int items) {double percent= (double)bytesRead*100/(double)bytesTotal;System.out.println(df.format(percent));request.getSession().setAttribute("UPLOAD_PERCENTAGE", df.format(percent));}}upload.setProgressListener(new UploadProgressListener(request));2.实现读取session的servlet
HttpSession session = request.getSession();Object is_begin = session.getAttribute("IS_UPLOAD_BEGIN");if(is_begin==null) return;if("0".equals(is_begin.toString())) return;PrintWriter out = response.getWriter();Object upload_percentage = session.getAttribute("UPLOAD_PERCENTAGE");out.write("{percentage:'"+upload_percentage.toString()+"'}");out.flush();3.web端间隔时间的ajax请求
function beginUpload(){$("#progress_bar").show();setInterval("getUploadMeter()",1000);}function getUploadMeter(){$.post("UploadMeter",function(data){var json = eval("("+data+")");jQuery("#progress").css("width",json.percentage/100*200+"px");jQuery("#msg").css("padding","5px").html(json.percentage+"%");});}
- Commons Fileupload+Servlet+JQuery实现文件上传进度条
- Servlet利用Commons FileUpload实现文件上传
- commons-fileupload+servlet实现简单文件上传
- servlet+uploadify+commons-fileupload实现文件上传
- Servlet使用commons-fileupload实现文件上传
- commons-fileupload 文件上传进度条
- Servlet上传文件,commons-fileupload
- 采用commons-fileUpload ,ajax实现文件上传进度条
- commons-fileupload和dwr实现带有进度条的文件上传
- JSP+Servlet +commons-fileupload-1.2.1实现文件上传
- 利用commons-fileupload在servlet中实现文件上传
- commons-fileupload 实现文件上传
- Commons-Fileupload 实现文件上传
- Commons-FileUpload实现文件上传
- commons-fileupload实现文件上传
- commons-fileupload实现文件上传,可多文件上传和实现进度条
- java commons-fileupload servlet 多文件上传
- servlet+jquery实现文件上传进度条
- vi/vim 基本使用方法
- Java中的冒泡排序法and针对数组的普通查找法和二分查找法
- 用PE安装win7 系统
- AWM10.2.0.3建立cube报错 Unexpected Signal : EXCEPTION_ACCESS_VIOLATION (0xc0000005)
- LaTeX文档插入图片的几种常用方法
- Commons Fileupload+Servlet+JQuery实现文件上传进度条
- MyEclipse中使用SVN插件方法
- Android 用户界面(User Interface)概要
- Android实现应用下载并自动安装apk包
- jquery 图片随机切换插件
- 如何写每周工作报告(How to Write a Weekly Report)
- 记python开发网络爬虫所遇问题
- ibatis的#和$的区别
- SAE MYSQL 连接实例(创建一个表)