Javascript 获取图像（）加载进度，单位为%

如何在服务器上获取图像加载的百分比并显示其加载的百分比。 这就是我用来加载图像的方法。这是一个简单的下载速度测试

var imageAddr = 'http://192.168.11.17/Cat2.JPG' + '?n=' + Math.random();
var startTime, endTime;
var downloadSize = 7616998;
var download = new Image();
download.onload = function () {
endTime = (new Date()).getTime();
showResults();
}
startTime = (new Date()).getTime();
download.src = imageAddr;
function showResults() {
  var duration = (endTime - startTime) / 1000; 
    var bitsLoaded = downloadSize * 8;
    var speedBps = (bitsLoaded / duration).toFixed(2);
    var speedKbps = (speedBps / 1024).toFixed(2);
    var speedMbps = (speedKbps / 1024).toFixed(2);
    var speedMB = speedMbps / 8;
    document.getElementById('download').innerHTML = speedMbps + 'Mbps';
}

---

也许XMLHTTPRequest还有其他解决方案，但我尝试过，但没有成功。谢谢。

是否可能重复？不，它不是重复的，因为我不希望图像可见，并且在本例中不会触发onLoadStart。您不必将图像附加到DOM中（尽管在我链接的示例中是这样），因此它不需要可见。在这种情况下，可以使用onLoadStart。那不行吗？