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