jquery:ajax在加载时跟踪请求inc图像和其他资产的进度

时间:2014-08-09 15:32:16

标签: jquery ajax image progress addeventlistener

基本上,我希望跟踪我的应用程序的百分比进度,发送AJAX请求,但重要的部分包括图像加载,所以ajax请求应该只在所有images / css 100%完全加载后完成。

我知道您可以使用HTML5 addEventListener("progress", function(e) {}或反复调用setTimeout函数来跟踪进度。

但是,当页面上的图像完全加载时,两种方法都没有说明。其他选项是对图像使用.load(),但这不会跟踪进度吗?

所以我的问题是,是否可以在ajax中加载图像和跟踪进度?或者使用单个ajax请求加载50张奇怪的图像。

任何想法或示例代码都会非常有希望。

感谢。

1 个答案:

答案 0 :(得分:0)

我最终使用了这个库PreloadJS。这很容易使用,并且完成了我需要的大部分工作:

http://www.createjs.com/#!/PreloadJS