以百分比表示的Javascript圖像加載

Question

在js中加載圖像時，有任何方法可以顯示「百分比加載欄」嗎？ 換句話說，我想利用這個：

var img = new Image(); 
img.onload = function() { 
    document.querySelector('#percents').innerHTML = 'all done'; 
}; 

img.onreadystatechange = function(e) { 
    document.querySelector('#percents').innerHTML = e.percentsLoaded; 
}; 

img.src = 'http://example.com/image.png'; 

Answer 1

JavaScript有加載資源無中間事件。你可以顯示一個加載欄，如果你正在加載多個圖像，但我猜測情況並非如此。

如果你真的想這樣做，我認爲唯一的解決辦法是使用Flash，它可以做一些花哨的東西，但..好..它的Flash：/

看一些大的相冊圖像託管網站，看看他們是否有解決方案。