Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/271.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 使用jquery在indexeddb中缓存图像以供脱机使用_Php_Jquery_Indexeddb - Fatal编程技术网

Php 使用jquery在indexeddb中缓存图像以供脱机使用

Php 使用jquery在indexeddb中缓存图像以供脱机使用,php,jquery,indexeddb,Php,Jquery,Indexeddb,我有一个图像密集的网页,需要在移动设备上离线查看 我在本地存储中找到了一个do store映像,但这对我来说不起作用 这是不是可以很容易地改为使用indexeddb 此外,我的图像将定期更新。是否有一种方法可以在一定时间后自动清除缓存的版本,并强制用户从web重新加载?IndexedDB 您可以将图像存储到IndexedDB中,但您将负责保存、清除图像并根据需要更新它们 此外,如果您需要它在移动设备上工作,IndexedDB不是您想要的,因为当前的移动浏览器都不支持IndexedDB。(来源:)

我有一个图像密集的网页,需要在移动设备上离线查看

我在本地存储中找到了一个do store映像,但这对我来说不起作用

这是不是可以很容易地改为使用indexeddb

此外,我的图像将定期更新。是否有一种方法可以在一定时间后自动清除缓存的版本,并强制用户从web重新加载?

IndexedDB 您可以将图像存储到IndexedDB中,但您将负责保存、清除图像并根据需要更新它们

此外,如果您需要它在移动设备上工作,IndexedDB不是您想要的,因为当前的移动浏览器都不支持IndexedDB。(来源:)

离线应用程序 相反,我建议您使用名为应用程序缓存的新HTML5功能。几乎所有浏览器都支持这一点(来源:)

要使用它,您只需创建一个Website.manifest文件,例如:

CACHE MANIFEST
# v0.0.3 2011-12-21
images/ImageThatIWantToCache.png
images/SecondImage.png
然后在您的网页中将html标记更改为:

<html manifest="Website.manifest">

优点: 1.浏览器将自动缓存图像 2.您可以使用原始URL(即/images/SecondImage.png)访问图像 3.更新要容易得多,只需将新图像放到web服务器上,并更新清单文件中的版本号

您可以阅读有关的更多信息,或者只需在谷歌上搜索示例。

IndexedDB 您可以将图像存储到IndexedDB中,但您将负责保存、清除图像并根据需要更新它们

此外,如果您需要它在移动设备上工作,IndexedDB不是您想要的,因为当前的移动浏览器都不支持IndexedDB。(来源:)

离线应用程序 相反,我建议您使用名为应用程序缓存的新HTML5功能。几乎所有浏览器都支持这一点(来源:)

要使用它,您只需创建一个Website.manifest文件,例如:

CACHE MANIFEST
# v0.0.3 2011-12-21
images/ImageThatIWantToCache.png
images/SecondImage.png
然后在您的网页中将html标记更改为:

<html manifest="Website.manifest">

优点: 1.浏览器将自动缓存图像 2.您可以使用原始URL(即/images/SecondImage.png)访问图像 3.更新要容易得多,只需将新图像放到web服务器上,并更新清单文件中的版本号


您可以阅读更多有关的信息,或者只需在谷歌上搜索示例。

您也可以查看html5中的缓存清单功能作为替代。我正在为html和站点UI图像使用缓存清单,但主要内容中的图像将超出缓存清单允许的限制,因此,我尝试改用Indexeddb。您也可以查看html5中的缓存清单功能作为替代。我正在为html和站点UI图像使用缓存清单,但主要内容中的图像将超过缓存清单允许的限制,所以我尝试改用Indexeddb。我不只是使用应用程序缓存的原因是大小限制。将有很多图像,这将超过5mb的限制。我听说android支持Indexeddb。如果没有应用程序缓存的大小限制,还有其他选择吗?我不这么认为,似乎所有浏览器都锁定在5MB。我认为您将在IndexedDB中遇到类似的问题。我相信在某些浏览器上这些是大小锁定的。我不只是使用应用程序缓存的原因是大小限制。将有很多图像,这将超过5mb的限制。我听说android支持Indexeddb。如果没有应用程序缓存的大小限制,还有其他选择吗?我不这么认为,似乎所有浏览器都锁定在5MB。我认为您将在IndexedDB中遇到类似的问题。我相信在某些浏览器上这些都是大小锁定的。