【问题标题】：Caching a large number of images in a jQuery/HTML5 application在 jQuery/HTML5 应用程序中缓存大量图像
【发布时间】：2010-08-25 17:20:47
【问题描述】：

我正在使用 jQuery/HTML5 构建一个 Web 应用程序，它将在触摸屏信息亭上基于 Webkit 的浏览器中运行。

应用程序使用大量（数千）图像，我需要将它们缓存到每个浏览器。

起初我认为 HTML5 缓存清单是最好的选择（列出了数千个图像 URL），但现在我想知道是否有更好的方法？我也会考虑扩展/插件...

提前致谢！

【问题讨论】：

【解决方案1】：

我喜欢这个插件：http://alexrabarts.github.com/jquery-cacheimage/

编辑：如果需要离线浏览，应用程序缓存是使用 HTML 缓存清单的方式。以下是一些资源：

【讨论】：

感谢您的回复，但我需要将图像永久缓存在每个浏览器中，即使在浏览器重新启动后也是如此。可能有数千张图像，总计数百兆字节的数据。我可能必须将图像作为 base-64 字符串存储在浏览器的本地存储中。
@Anarchitect：我认为您将不得不为 HTML5 使用应用程序缓存。我认为没有更快/更有效的方法，尤其是因为该方法是原生的。

【解决方案2】：

回答

数千张图片，可能有数百 MB
这将超出本地存储的大约 5 MB 上限。您可以创建一个 ClientDatabase 并请求大量空间。

我挖掘的资源

【讨论】：