jquery - 如何使用 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 事件还是有针对性的，不知道为什么。