計算圖像加載進度不woking

我想顯示一個進度條，同時加載一個大圖像，它的加載多少，但基於我所有的谷歌搜索和搜索這裏，我還沒有找到我在找什麼。計算圖像加載進度不woking

我能夠添加加載的GIF，直到其加載然後更改使用

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

我也用：

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

但我不知道如何計算單的多少％圖像使用JavaScript或jQuery加載。

任何幫助表示讚賞傢伙

來源

2013-03-16 Anup

你可以先發送一個短請求，並一次。例如，你知道在不久的將來你需要一個100kb的圖像。因此使用no-cache加載它，並測量接收所需的時間。然後用一些簡單的數學，你可以估計其他圖像需要多長時間，並有一個馬虎進度條（總比沒有好）。另一種選擇可能是網絡套接字。 – FakeRainBrigand 2013-03-16 12:22:51

你可以做這樣的事情，加載圖像以及圖像和顯示進度：

$.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 + '%'); 
     }); 
});

來源

2013-03-16 12:39:23 Aditya

計算圖像加載進度不woking

回答

相關問題