我正在尝试使用以下链接上实现的逻辑进行图像的并行预加载。
http://blog.lieldulev.com/2010/05/21/parallel-image-preloading-in-js/
我有大量的图像,目前有350多张图像,平均每张文件大小为50KB,总共有20MB的图像试图预加载。我需要用于画布绘制的图像。
使用上面的并行下载逻辑,我遇到浏览器等待2分钟完成加载整个页面的问题。有时,它会停止剧本。
顺便说一下,目前20MB的图像是保守的图像量。我需要预装的一些图像高达80MB!
预加载如此大量的图像是否实用?如果我需要预加载,我的要求的最佳方法是什么?我应该不平行吗?部分预加载怎么样?
提前谢谢你 MARV
答案 0 :(得分:4)
这是MXHR(Multipart XHR)请求的完美用例。这意味着,一个serverscript正在读取您的图像文件,将它们解码为base64字符串并将这些图像流式传输到浏览器。 supplyJS
help 正在使用此技术,但目前仅适用于javascript&样式表文件。无论如何,它的设计非常模块化,扩展它所需的任何图像类型的功能应该没有问题。
如果您不想自己动手做,请不要担心 - 我会在接下来的几天更新脚本以进行图片加载。