php - 计算图像加载进度不工作

Question

我试图在加载大图像时显示进度条，以了解它的加载量，但基于我所有的谷歌搜索和搜索，我没有找到我要找的东西。

我可以添加加载 gif 直到它加载然后改变使用

$('img').load(function() {
    // my code here
}

我也用过：

 $(function() {
     $( "#progressbar" ).progressbar({
        value: 37
     });
 })

但我不知道如何计算使用 javascript 或 jquery 加载单个图像的百分比。

感谢任何帮助

Answer 1

您可以执行以下操作，以加载图像以及图像并显示进度：

$.each(arrayOfImageUrls, function(index, value) {
    $('<img></img>').attr('src', value)    //load image
        .load(function() {
            percentCounter = (index / arrayOfImageUrls.length) * 100;    //set the percentCounter after this image has loaded
            $('#yourProgressContainer').text(percentCounter + '%');
        });
});