跟踪在JavaScript中加载图像的进度

Question

我正在尝试使用加载图片的进度来显示进度条。我尝试使用onload和onprogress，如前一个答案中的建议，但只有onload工作。谢谢提前。

    var Img = new Image();
    Img.onload = function () {
        console.log("loaded");
    };

    Img.onprogress=function(){
        console.log("progress");
    };

    Img.src = imageUrl;

Answer 1

您需要使用Ajax即XHR来获取进度事件。点击此处了解更多信息：

https://stackoverflow.com/a/22593907/6732963