ajax 文件上传进度条

本文介绍文件上传进度条的工作原理及实现方式,包括通过监听器获取上传进度,并使用Ajax不断请求服务端以更新进度信息。此外,还提供了两种具体实现方案,一种适用于单个文件,另一种则针对多个文件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

文件上传进度条实现原理:

在文件上传为结束之前, 通过ajax不断的请求服务端,获得文件上传的信息 (已接受/文件大小)

所以在文件上传过程中配置一个监听器,来获取数据 交给ajax请求返回。

 

实现 ProgressListener接口, 覆盖update方法

public void update(long pBytesRead, long pContentLength, int pItems)

pBytesRead:读取字节总数

pContentLength:数据总长度

pItems:当前正在被读取的field号

 

实现

1 apache Geronimo

http://www.ibm.com/developerworks/cn/opensource/os-cn-agajax/

(单个文件)

 

2 多个文件

http://www.matrix.org.cn/resource/article/2007-01-08/09db6d69-9ec6-11db-ab77-2bbe780ebfbf.html

 

 

进度条美观:

1 jquery

http://springking.javaeye.com/blog/198470

 

2

http://www.oschina.net/p/jquery+progressbar

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值