Görüntüyü JavaScript'inin yükleme ilerlemesini izleme

Question

Görüntüleri yükleme işlemlerini kullanarak bir ilerleme çubuğu görüntülemeye çalışıyorum. Bir önceki cevapta önerildiğine göre, sadece yükleme ve yükleme işlemlerini kullanmayı denedim, ancak yalnızca yükleme işleri. Teşekkürler.

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

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

    Img.src = imageUrl; 

Answer 1

İlerleme olaylarını almak için Ajax i.e. XHR'yi kullanmanız gerekir. Daha buraya bakın:

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

[Bir resmin JavaScript yükleme ilerleme] arasında