如何使用console.log显示真正的进度事件

Question

如何在console.log中显示真正的'onprogress'？ 就像下面的例子一样，我想在控制台中看到： 1 2 3 ... 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

好的，这是xhr.upload.progress。

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

上传时，xhr.progress事件仍然是目标，我想知道为什么。