Java动态显示文件上传进度的简单实现
来源:互联网 发布:日语同声翻译软件 编辑:程序博客网 时间:2024/05/18 18:45
实现文件上传的进度显示,我们先看看都有哪些问题我们要解决。
1上传数据的处理进度跟踪
2进度数据在用户页面的显示
就这么2个问题,
第一个问题,主要是组件的选择
必须支持数据处理侦听或通知的组件。当然,我肯定只用我自己的组件啦。基本原理是
1使用request.getContentLength()读取到处理数据的总长度,注意这个长度不等于文件的长度,因为Base64等编码会增加数据量,如果超过了允许的长度,直接返回-1;
2在每读取一部分数据时(比如一行,或者64K,或者你自定义的字节数),将读取的字节数通知我们的进度跟踪程序。我取名为UploadListener代码如下
*处理附件上传的通知。
*各位可以继承这个类,来实现自己的特殊处理。
*
*@author 赵学庆www.java2000.net
*/
public classUploadListener ... {
// 调试模式将在控制台打印出一些数据
private booleandebug;
// 总数据字节数
private inttotal;
// 当前已经处理的数据字节数
private inttotalCurrent =0 ;
// 延迟,用来调试用,免得速度太快,根本卡看不到进度
private intdelay = 0 ;
/***/ /**
*处理数据通知的方法。
*保存已经处理的数据。并且在一定的比例进行延迟。默认每1%
*如果不需用延迟,可以删掉内部的代码,加快速度。
*
*@param size增加的字节数
*/
public voidincreaseTotalCurrent( 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 (Exceptione)... {
e.printStackTrace();
}
}
/***/ /**
*读取全部自己数
*
*@return
*/
public int getTotal() ... {
return total;
}
/***/ /**
*读取已经处理的字节数
*
*@return
*/
public int getTotalCurrent() ... {
return totalCurrent;
}
private longlastRate = 0 ;
private longcurrentRate =0 ;
public int getDelay() ... {
return delay;
}
public voidsetDelay( intdelay) ... {
this .delay= delay;
}
public voidsetTotal( inttotal) ... {
this .total= total;
}
public booleanisDebug() ... {
return debug;
}
public voidsetDebug( booleandebug) ... {
this .debug= debug;
}
}
3下面我们来看上传的处理部分
// 增加了侦听进度的代码
UploadListeneruploadListener = new UploadListener();
// 这句话我们后面再讨论,这个可是关键
session.setAttribute( " uploadListener " ,uploadListener);
uploadListener.setDelay(0 );
uploadListener.setDebug(true );
upload.setUploadListener(uploadListener);
upload.parse();
// 这句话同样重要,我们后面再讨论
session.setAttribute( " uploadListener " , null);
4我们再看上传的表单部分
functioncheckForm()... {
$(" SHOW_FRAME" ).src = " link.jsp" ;
$(' SUBMIT ' ).disabled = true ;
Ext.MessageBox.show(... {
title:' Pleasewait...' ,
msg:' Initializing...' ,
width:240 ,
progress:true ,
closable:false
});
$(" MAIN_FORM" ).submit();
return false;
}
functionsetUploadProcess(total,current)... {
varrate= Number(current)/ Number(total);
Ext.MessageBox.updateProgress(rate,' Uploading...' + current + "/ " + total);
if (Number(current)>= Number(total))... {
closeUploadProcess();
}
}
functioncloseUploadProcess()... {
Ext.MessageBox.hide();
}
</ script >
< iframename= " ACTION_FRAME " id = "ACTION_FRAME "width = " 0 "height = " 0 "></ iframe >
< iframename= " SHOW_FRAME " id = "SHOW_FRAME "width = " 0 "height = " 0 "></ iframe >
< formmethod= " OST " id= " MAIN_FORM " onsubmit = " returncheckForm() " enctype =" multipart/form-data"
action= " uploadFileSave.jsp " target = "ACTION_FRAME ">
< inputtype= " file " size= " 50 " name= " file " >
< inputtype= " submit " ID= " SUBMIT " value= " UploadIt " >
</ form >
第一个iframe用于提交表单数据,第二个就是我们用来获取处理数据进度信息的。
提交表单很简单,target指向了我们的第一个iframe
我们看一下JS
checkForm里面第一句就是关键的读取进度信息的页面,我们在第二个iframe里面获得。然后就是弹出进度的显示框,我使用了Ext.然后提交上传表单
setUploadProcess用来更新进度框上面的数据,第一个参数是数据总共的大小,第二个参数是已经处理的大小。
closeUploadProcess关闭进度框
5最后,我们来看读取进度信息的页面
<% @includefile= " ../package.inc.jsp " %>
<%
response.setHeader(" ragma " , "no-cache " );
response.setHeader(" Cache-Control" , " no-cache " );
response.setDateHeader(" Expires " , 0);
response.setBufferSize(0 );
UploadListeneruploadListener= 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(" <scripttype='text/javascript'>parent.setUploadProcess('" + total + "',' " + current +" ');</script>" );
out.flush();
Thread.sleep(10 );
}
%>< scripttype= " 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),对他们不进行压缩处理
测试和下载地址:http://www.java2000.net/test/testUploadFile.jsp
- Java动态显示文件上传进度的简单实现
- Java动态显示文件上传进度的简单实现
- Java动态显示文件上传进度的简单实现
- Java动态显示文件上传进度的简单实现 - java2000.net的专栏 - CSDNBlog
- jsp+Extjs实现动态显示文件上传进度
- jsp+Extjs实现动态显示文件上传进度
- jsp+Extjs实现动态显示文件上传进度
- JavaWeb项目实现文件上传动态显示进度
- JavaWeb项目实现文件上传动态显示进度
- JavaWeb项目实现文件上传动态显示进度
- JavaWeb项目实现文件上传动态显示进度
- JavaWeb项目实现上传文件动态显示进度百分比
- 用JAVA实现大文件上传及显示进度信息
- JAVA实现大文件上传及显示进度信息
- 用JAVA实现大文件上传及显示进度信息
- ASIProgressDelegate:实现定制的上传进度显示
- .Net中模拟上传文件动态显示进度的事件示例
- 一个简单的ajax上传 上传进度显示
- I2C驱动分析
- IIS与asp.net3.5的问题
- sql语句 按小时统计
- jQuery基础教程之强大的选择器(过滤选择器-属性过滤选择器)
- Apache Commons fileUpload实现文件上传
- Java动态显示文件上传进度的简单实现
- OpenSSL库的编译与安装
- android wifi ap 自动开启
- 使用HibernateTemplate,当返回的字段跟model不一致时的处理情况
- 如何强制ffmpeg编码时输出一个关键帧
- platform设备驱动详解
- 关于ffmpeg中的VBR控制的讨论(编码时参数设置)
- 实习第五天——老大不在,自学成才。今日的十八个收获
- 安装gcc时的依赖包