Javascript ajax文件下载:进度事件,供下载
我了解xhr.upload.onprogress事件文件上载。 像这样:Javascript ajax文件下载:进度事件,供下载,javascript,php,ajax,file-upload,Javascript,Php,Ajax,File Upload,我了解xhr.upload.onprogress事件文件上载。 像这样: xhr.upload.onprogress = function(e) { // if (e.lengthComputable) ... var percentUploaded = Math.floor(100 * e.loaded / e.total); progressBarElem.value = percentUploaded; messageAreaEl
xhr.upload.onprogress = function(e) { // if (e.lengthComputable) ...
var percentUploaded = Math.floor(100 * e.loaded / e.total);
progressBarElem.value = percentUploaded;
messageAreaElem.innerHTML = percentUploaded + "% uploaded";
}
但是xhr.onprogress事件呢,即从服务器下载文件
我找不到一个简单的例子
帕特里克说:
下载和上载传输都存在进度事件。下载事件在XMLHttpRequest对象本身上触发,如上面的示例所示。上载事件在XMLHttpRequest.upload对象上激发
您可以尝试使用以下代码来验证
var progress = 0.1;
var oReq = new XMLHttpRequest();
//Download progress
oReq.addEventListener("progress", function(evt){
if (evt.lengthComputable) {
var percentComplete = evt.loaded / evt.total;
//Do something with download progress
console.log(evt.total);
if(percentComplete > progress ){
console.log("Finish " + progress * 100 + "%.");
progress += 0.1;
}
}
}, false);
oReq.open("get", "url", true);
oReq.send();
xhr.progress事件的示例在哪里?不是xhr.upload.progress试试这个hhttp://stackoverflow.com/a/42235655/2282880