XMLHttpRequest文件的進度欄下載

Question

首先，很抱歉，如果這是此問題的潛在重復。

我正在嘗試顯示文件下載狀態，並使用XMLHttprequest在對話框中顯示它。 到目前為止，我已經能夠在對話框中顯示下載狀態，但是一旦下載了文件。 該文件不是創建的，而是存儲在瀏覽器的內存中。 我能夠看到文件已根據我的請求下載。

誰能幫助我，如何在不覆蓋文件下載行為的情況下顯示進度。

Answer 1

您要跟蹤XMLHttpRequest的progress事件 ，然后可以使用該事件來更新對話框：

xhr.addEventListener("progress", function(event) {
    if (event.lengthComputable) {
        var percentLoaded = (event.loaded / event.total) * 100;
        console.log(percentLoaded);
    }
});

（一個警告：盡管所有現代瀏覽器都支持此功能，但IE10以下不支持。）