跟踪在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