Javascript ajax文件下载:进度事件,供下载

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事件文件上载。 像这样:

    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