在jQuery / HTML5应用程序中缓存大量图像

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

应用程序使用了大量(数千)个图像,我需要将其缓存到每个浏览器中。

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

提前致谢!

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

这是另一种选择: http : //technosophos.com/content/precaching-images-jquery-slightly-better-way

如果你想做预加载: http : //engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript

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

http://softwareas.com/offline-apps-with-application-cache-quickstart-tips-and-deep-dive

http://www.bennadel.com/blog/1944-Experimenting-With-HTML5-s-Cache-Manifest-For-Offline-Web-Applications.htm

回答

成千上万的图像,可能有数百MB
这将超出本地存储大约5 MB的上限。 您可以执行ClientDatabase并请求大量空间。

资源我挖了

http://dev.w3.org/html5/webdatabase/
http://webkit.org/blog/126/webkit-does-html5-client-side-database-storage/
http://creativepark.net/blog/entry/id/1191
http://ajaxian.com/archives/view-source-tutorial-sticky-notes-with-html5-and-css3