如何使用console.log顯示真實的進度事件

Question

如何在console.log中顯示真正的'onprogress'？ 像下面的例子，我想在控制檯中看到： ... 100％。

我在進度結束後看到的只有一個值（如'25'）。

這是可能的（https://www.youtube.com/watch?v=AZJfXr2LZXg）

xhr.onprogress = function(e) { 
     var percentDownloaded = Math.floor(100 * e.loaded/e.total); 
     progressBarElem.value = percentDownloaded; 
     console.log(percentDownloaded + "% downloaded"); 
     messageAreaElem.innerHTML = percentDownloaded + "% downloaded"; 


} 

感謝，

帕特里克

Answer 1

我在我的項目之一使用，它爲我的作品好：

 xhr.upload.onprogress = function (e) { 
      if (e.lengthComputable) { 
       var percentComplete = (e.loaded/e.total) * 100; 
       console.log(percentComplete + "% downloaded"); 
      } 
     }; 

Answer 2

OK它是xhr.upload.progress。

xhr.progress使用默認值，即xhr.download.progress。

上傳時，xhr.progress事件仍然是目標，我不知道爲什麼。