Java动态显示文件上传进度实现代码

所属分类: 软件编程 / java 阅读数: 31
收藏 0 赞 0 分享

本文实例实现文件上传的进度显示,我们先看看都有哪些问题我们要解决。

1 上传数据的处理进度跟踪
2 进度数据在用户页面的显示

就这么2个问题,
第一个问题,主要是组件的选择
必须支持数据处理侦听或通知的组件。当然,我肯定只用我自己的组件啦。基本原理是

1 使用request.getContentLength() 读取到处理数据的总长度,注意这个长度不等于文件的长度,因为Base64等编码会增加数据量,如果超过了允许的长度,直接返回-1;

2 在每读取一部分数据时(比如一行,或者64K,或者你自定义的字节数),将读取的字节数通知我们的进度跟踪程序。我取名为 UploadListener代码如下

/*
* 处理附件上传的通知。

* 各位可以继承这个类,来实现自己的特殊处理。 
* 
* @author 赵学庆 www.java2000.net 
*/ 
 public class UploadListener ... { 
 // 调试模式将在控制台打印出一些数据 
 private boolean debug;

 // 总数据字节数 
 private int total;

 // 当前已经处理的数据字节数 
 private int totalCurrent = 0 ;

 // 延迟,用来调试用,免得速度太快,根本卡看不到进度 
 private int delay = 0 ;

 /** */ /** 
 * 处理数据通知的方法。

 * 保存已经处理的数据。并且在一定的比例进行延迟。默认每1%

 * 如果不需用延迟,可以删掉内部的代码,加快速度。 
 * 
 * @param size 增加的字节数 
 */ 
 public void increaseTotalCurrent( long size) ... { 
 this .totalCurrent += size; 
 try ... { 
 currentRate = totalCurrent * 100 / total; 
  if (currentRate > lastRate) ... { 
  if (delay > 0 ) ... { 
  Thread.sleep(delay); 
  } 
  if (debug) ... { 
  System.out.println( " rate= " + totalCurrent + " / " + total + " / " + (totalCurrent * 100 / total)); 
  } 
  lastRate = currentRate; 
 } 
 } catch (Exception e) ... { 
 e.printStackTrace(); 
 } 
 } 

 /** */ /** 
 * 读取全部自己数 
 * 
 * @return 
 */ 
 public int getTotal() ... { 
 return total; 
 } 

 /** */ /** 
 * 读取已经处理的字节数 
 * 
 * @return 
 */ 
 public int getTotalCurrent() ... { 
 return totalCurrent; 
 } 

 private long lastRate = 0 ;

 private long currentRate = 0 ;

 public int getDelay() ... { 
 return delay; 
 } 

 public void setDelay( int delay) ... { 
 this .delay = delay; 
 } 

 public void setTotal( int total) ... { 
 this .total = total; 
 } 

 public boolean isDebug() ... { 
 return debug; 
 } 

 public void setDebug( boolean debug) ... { 
 this .debug = debug; 
 } 
}

3 下面我们来看上传的处理部分

 Upload upload = new Upload(request); 
 // 增加了侦听进度的代码 
 UploadListener uploadListener = new UploadListener(); 
 // 这句话我们后面再讨论,这个可是关键 
 session.setAttribute( " uploadListener " ,uploadListener); 
 uploadListener.setDelay( 0 ); 
 uploadListener.setDebug( true ); 
 upload.setUploadListener(uploadListener); 
 upload.parse(); 
 // 这句话同样重要,我们后面再讨论 
 session.setAttribute( " uploadListener " , null );

4 我们再看上传的表单部分

< script. type = " text/javascript. " > 
 function checkForm() ... { 
 $( " SHOW_FRAME. " ).src = " link.jsp " ; 
 $( ' SUBMIT ' ).disabled = true ; 
 Ext.MessageBox.show( ... { 
 title: ' Please wait... ' , 
 msg: ' Initializing... ' , 
 width: 240 , 
 progress: true , 
 closable: false 
 } ); 
 $( " MAIN_FORM. " ).submit(); 
 return false ; 
} 
 function setUploadProcess(total,current) ... { 
 var rate = Number(current) / Number(total); 
 Ext.MessageBox.updateProgress(rate, ' Uploading... ' + current + " / " + total); 
 if (Number(current) >= Number(total)) ... { 
 closeUploadProcess(); 
 } 
} 
 function closeUploadProcess() ... { 
 Ext.MessageBox.hide(); 
} 
</ script. > 
< iframe. name = " ACTION_FRAME. " id = " ACTION_FRAME. " width = " 0 " height = " 0 " ></ iframe. > 
< iframe. name = " SHOW_FRAME. " id = " SHOW_FRAME. " width = " 0 " height = " 0 " ></ iframe. > 
< form. method = " OST " id = " MAIN_FORM. " nsubmit = " return checkForm() " enctype = " multipart/form-data " 
 action = " uploadFileSave.jsp " target = " ACTION_FRAME. " > 
 < input type = " file " size = " 50 " name = " file " > 
 < input type = " submit " ID = " SUBMIT " value = " Upload It " > 
</ form. >

第一个iframe用于提交表单数据,第二个就是我们用来获取处理数据进度信息的。
提交表单很简单,target指向了我们的第一个iframe.
我们看一下JS
checkForm. 里面第一句就是关键的读取进度信息的页面,我们在第二个iframe里面获得。然后就是弹出进度的显示框,我使用了Ext. 然后提交上传表单
setUploadProcess 用来更新进度框上面的数据,第一个参数是数据总共的大小,第二个参数是已经处理的大小。
closeUploadProcess 关闭进度框

5 最后,我们来看读取进度信息的页面

<% @ page language = " java " contentType = " text/html; charset=utf-8 " pageEncoding = " utf-8 " %> 
<% @include file = " ../package.inc.jsp " %> 
<% 
 response.setHeader( " ragma " , " no-cache " ); 
 response.setHeader( " Cache-Control " , " no-cache " ); 
 response.setDateHeader( " Expires " , 0 ); 
 response.setBufferSize( 0 ); 
 UploadListener uploadListener = null ; 
 while (uploadListener == null || uploadListener.getTotalCurrent() <= 0 ) ... { 
 uploadListener = (UploadListener) session.getAttribute( " uploadListener " ); 
 out.print( " . " ); 
 out.flush(); 
 Thread.sleep( 10 ); 
 } 
 long total = uploadListener.getTotal(); 
 out.println(total); 
 long current; 
 out.flush(); 
 while ( true ) ... { 
 current = uploadListener.getTotalCurrent(); 
 if (current >= total) ... { 
 break ; 
 } 
 out.println( " <script. type='text/javascript'>parent.setUploadProcess(' " + total + " ',' " + current + " ');</script> " ); 
 out.flush(); 
 Thread.sleep( 10 ); 
 } 
%>< script. type = " text/javascript. " > parent.closeUploadProcess(); </ script. >

其中前面的循环,用来判断是否产生了上传的信息,如果没有则等待。

然后就是读取上传的信息,并计算后生成调用上级窗口的更新进度条的JS, 请注意out.print后面必须跟上out.flush,否则不会持续输出到客户端,也就不会看到连续的进度条变化。

总结:

上面的部分比较乱,我这里总结一下关键点。

1、在上传组件里面,把总大小和当前读取了的大小放到一个类里面,并持续更新,直到处理完毕
2、上传的进度类,放在session里面,供进度读取页面读取
3、进度读取页面,从session里面拿到数据,并返回结果。

有几个疑问解释一下。

1、由于Http协议决定了,必须等request处理完毕才会返回输出,所以不能在upload页面里进行处理进度的显示。我前面测试到1M左右的文件不成功,就是没有考虑到这个问题。所以必须单独用一个GET的程序进行读取
2、读取是一个持续不断的过程,因为上传大文件是很慢的!
3、如果你的应用服务器启用了GZIP压缩,是容器管理的,那么很不幸,因为容易必须拿到所有的数据,至少是一部分数据才会返回,所以造成我们返回的那些很少的字节经常会被截住,造成无法显示上传的连续过程。  

解决方法

1) 关闭GZIP, 我想许多人不会这么做 
2) 使用自定义的GZIP压缩,判断某些东西(比如URL),对他们不进行压缩处理

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

Java的面向对象编程基本概念学习笔记整理

这篇文章主要介绍了Java的面向对象编程基本概念学习笔记整理,包括类与方法以及多态等支持面向对象语言中的重要特点,需要的朋友可以参考下
收藏 0 赞 0 分享

Eclipse下编写java程序突然不会自动生成R.java文件和包的解决办法

这篇文章主要介绍了Eclipse下编写java程序突然不会自动生成R.java文件和包的解决办法 的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

基于Java实现杨辉三角 LeetCode Pascal's Triangle

这篇文章主要介绍了基于Java实现杨辉三角 LeetCode Pascal's Triangle的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

Java中Spring获取bean方法小结

Spring是一个轻量级的控制反转(IoC)和面向切面(AOP)的容器框架,如何在程序中获取Spring配置的bean呢?下面通过本文给大家介绍Java中Spring获取bean方法小结,对spring获取bean方法相关知识感兴趣的朋友一起学习吧
收藏 0 赞 0 分享

如何计算Java对象占用了多少空间?

在Java中没有sizeof运算符,所以没办法知道一个对象到底占用了多大的空间,但是在分配对象的时候会有一些基本的规则,我们根据这些规则大致能判断出来对象大小,需要的朋友可以参考下
收藏 0 赞 0 分享

剖析Java中的事件处理与异常处理机制

这篇文章主要介绍了Java中的事件处理与异常处理机制,讲解Java是如何对事件或者异常作出响应以及定义异常的一些方法,需要的朋友可以参考下
收藏 0 赞 0 分享

详解Java的Struts2框架的结构及其数据转移方式

这篇文章主要介绍了详解Java的Struts2框架的结构及其数据转移方式,Struts框架是Java的SSH三大web开发框架之一,需要的朋友可以参考下
收藏 0 赞 0 分享

Java封装好的mail包发送电子邮件的类

本文给大家分享了2个java封装好的mail包发送电子邮件的类,并附上使用方法,小伙伴们可以根据自己的需求自由选择。
收藏 0 赞 0 分享

在Java的Struts中判断是否调用AJAX及用拦截器对其优化

这篇文章主要介绍了在Java的Struts中判断是否调用AJAX及用拦截器对其优化的方法,Struts框架是Java的SSH三大web开发框架之一,需要的朋友可以参考下
收藏 0 赞 0 分享

java多线程Future和Callable类示例分享

JAVA多线程实现方式主要有三种:继承Thread类、实现Runnable接口、使用ExecutorService、Callable、Future实现有返回结果的多线程。其中前两种方式线程执行完后都没有返回值,只有最后一种是带返回值的。今天我们就来研究下Future和Callab
收藏 0 赞 0 分享
查看更多