JavaScript图像加载百分比

Question

有没有办法显示" percentage-load-bar ";在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:/

看看一些大的专辑图片托管网站，看看他们是否有解决方案。