以百分比表示的Javascript图像加载

在js中加载图像时，有任何方法可以显示“百分比加载栏”吗？换句话说，我想利用这个：以百分比表示的Javascript图像加载

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';

来源

2011-04-24 Dmitrii Sorin

要做到这一点，您将需要实际的文件大小，这可以在这里找到 http://stackoverflow.com/questions/1310378/determining-image-file-size-dimensions-via-javascript/1310399#1310399 – Ibu 2011-04-24 20:45:41

您还需要中间进度事件，这在Javascript中不存在： – Halcyon 2011-04-24 21:59:41

JavaScript有加载资源无中间事件。你可以显示一个加载栏，如果你正在加载多个图像，但我猜测情况并非如此。

如果你真的想这样做，我认为唯一的解决办法是使用Flash，它可以做一些花哨的东西，但..好..它的Flash：/

看一些大的相册图像托管网站，看看他们是否有解决方案。

来源

2011-04-24 21:01:55 Halcyon

谢谢。我希望我失败:( – 2011-04-25 09:36:39

是否可以使用'canvas'元素来做到这一点？ – SexyBeast 2014-06-23 18:56:50

以百分比表示的Javascript图像加载

回答

相关问题