Javascript 如何使用HTML5本地保存许多图像？_Javascript_Html_Mobile_Local Database

Javascript 如何使用HTML5本地保存许多图像？

javascript html mobile

Javascript 如何使用HTML5本地保存许多图像？,javascript,html,mobile,local-database,Javascript,Html,Mobile,Local Database,我想开发一个使用HTLM5的移动应用程序，我是新手在我的项目中，我将解析一些xml文件，并将它们的数据加载到相关页面中。一些xml页面包含图像（URL），因此我需要显示它们问题是，当应用程序进入脱机模式时，它应该显示所有这些图像，因此需要存储它们我该怎么做？它将有许多图像，因此我认为本地存储不适合使用。在标记中添加manifest=“cache.appcache”以启用缓存清单 <!DOCTYPE HTML> <html manifest="cache.appcache"

我想开发一个使用HTLM5的移动应用程序，我是新手

在我的项目中，我将解析一些xml文件，并将它们的数据加载到相关页面中。一些xml页面包含图像（URL），因此我需要显示它们

问题是，当应用程序进入脱机模式时，它应该显示所有这些图像，因此需要存储它们

我该怎么做？它将有许多图像，因此我认为本地存储不适合使用。

在

标记中添加

manifest=“cache.appcache”

以启用缓存清单

<!DOCTYPE HTML>
<html manifest="cache.appcache">
  <body>

  </body>
</html>

清单文件的结构

清单是通过html元素上的manifest属性链接到的单独文件。简单清单如下所示：

CACHE MANIFEST
index.html
style.css
img/logo.png
scripts/main.js
http://myapp.com/scripts/main.js

此示例将在指定此清单文件的页面上缓存四个文件

以上示例中需要注意的事项：

缓存清单

字符串是第一行，是必需的

-文件可以来自另一个域

-某些浏览器对应用程序的可用存储配额数量进行了限制。例如，在Chrome中，AppCache使用其他离线API可以共享的临时存储池。如果您正在为Chrome Web应用商店编写应用程序，使用UnlimitedStore将删除该限制

-如果清单本身返回404或410，则缓存将被删除

-如果清单或其中指定的资源未能下载，则整个缓存更新过程将失败。如果出现故障，浏览器将继续使用旧的应用程序缓存。

请参见：首先，非常感谢您的回答！！^\u^。好啊图像列表将是动态的，因此可以使用动态列表填充缓存文件，该列表将使用js从加载的xml文件中填充到页面内？其次，我想在存储（下载）图像后本地加载它们，因此我认为cach文件解决方案没有帮助。

CACHE MANIFEST
index.html
style.css
img/logo.png
scripts/main.js
http://myapp.com/scripts/main.js