Jquery Ajax 获取实时上传进度

在jQuery 1.3以后的版本中,我们可以通过xhr方法,返回一个XMLHttpRequest 对象,用于重写或者提供一个增强的XMLHttpRequest 对象,来实现实时获取上传进度。

//这里我们先拿到jQuery产生的 XMLHttpRequest对象,为其增加 progress 事件绑定,然后再返回交给ajax使用
xhr: function () {
var xhr = $.ajaxSettings.xhr();
if (onprogress && xhr.upload) {
xhr.upload.addEventListener("progress", onprogress, false);
return xhr;
}
},
function onprogress(evt) {
var loaded = evt.loaded; //已经上传大小情况
var tot = evt.total; //附件总大小
var per = Math.floor(100 * loaded / tot); //已经上传的百分比
console.log(per);
}
转载请注明:6K & 3o » Jquery Ajax 获取实时上传进度

评论:

这个正好前段时间自己做了一下o.o

回复 取消回复

好久不见

回复 取消回复

留下你的评论: