预载大量图像

时间:2011-01-25 10:50:56

标签: javascript jquery image canvas preloading

我正在尝试使用以下链接上实现的逻辑进行图像的并行预加载。

http://blog.lieldulev.com/2010/05/21/parallel-image-preloading-in-js/

我有大量的图像,目前有350多张图像,平均每张文件大小为50KB,总共有20MB的图像试图预加载。我需要用于画布绘制的图像。

使用上面的并行下载逻辑,我遇到浏览器等待2分钟完成加载整个页面的问题。有时,它会停止剧本。

顺便说一下,目前20MB的图像是保守的图像量。我需要预装的一些图像高达80MB!

预加载如此大量的图像是否实用?如果我需要预加载,我的要求的最佳方法是什么?我应该不平行吗?部分预加载怎么样?

提前谢谢你 MARV

1 个答案:

答案 0 :(得分:4)

这是MXHR(Multipart XHR)请求的完美用例。这意味着,一个serverscript正在读取您的图像文件,将它们解码为base64字符串并将这些图像流式传输到浏览器。 supplyJS help 正在使用此技术,但目前仅适用于javascript&样式表文件。无论如何,它的设计非常模块化,扩展它所需的任何图像类型的功能应该没有问题。

如果您不想自己动手做,请不要担心 - 我会在接下来的几天更新脚本以进行图片加载。