4

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

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

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

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

顺便说一句,目前 20MB 的图像是保守的图像数量。一些图像我需要预加载到多达 80MB !

预加载这么多图像是否可行?如果我需要预加载,我的要求的最佳方法是什么?我应该做非并行吗?部分预紧怎么样?

提前谢谢你

4

1 回答 1

4

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

如果您没有心情自己动手,请不要担心 - 我会在接下来的几天更新用于加载图像的脚本。

于 2011-01-25T10:56:35.367 回答