Question

ajax上传,显示进度条的问题.有以下几个问题!求解惑!

一:我看到很多代码的ajax上传,那个进度条数据不是真实的数据,而是一秒调用一次进度条显示函数.一次加2/5/10 这样显示,这是为什么呢?这又不是真实的上传数据!
二:如果是真实的上传数据,那么上传中的属性是哪个呢?我知道有file这个新增的html5属性,但是里面又有类似于上传了多少内容 的 这个属性啊!求解
三:谢谢!

Answer 1

一

其实很多的加载进度条都是安慰剂, 比如一些移动端浏览器的页面加载进度条, 这样做的好处是方便, 对於这些的场合下, 用户对具体到多少并不一定感兴趣, 他们可能只是想知道还要等多久, 或者仅仅是有反馈就足够了

二

如果你要取得真实数据, 得依靠浏览器支持, 使用onprogress方法, 对於不支持的你可能还是得写个假进度条

xhr.onprogress = updateProgress
xhr.upload.onprogress = updateProgress
function updateProgress(event) {
　　if (event.lengthComputable) {
　　　　var percentComplete = event.loaded / event.total;
　　}
}

追问

对的，现在我懂了