html5离线缓存，我要做一个图片上传功能，在用户拍完照后如果网络不好就进行缓存，怎么做

HTML5的离线web应用允许我们在脱机时与网站进行交互。这在提高网站的访问速度和制作一款web离线应用上（如HTML5游戏）有很大的使用价值。

先来了解一下HTML5应用程序缓存和浏览器缓存的区别。

（有些）浏览器会主动保存自己的缓存文件以加快网站加载速度。但是要实现浏览器缓存必须要满足一个前提，那就是网络必须要保持连接。如果网络没有连接，即使浏览器启用了对一个站点的缓存，依然无法打开这个站点。只会收到一条错误信息。而使用离线web应用，我们可以主动告诉浏览器应该从网站服务器中获取或缓存哪些文件，并且在网络离线状态下依然能够访问这个网站。

1、在浏览器打开需要保存的网页；

2、在当前页面点鼠标右键->另存为，选择保存的目录确认保存，系统会自动会把网页和图片都保存下来，如下图：

部分浏览器清除缓存方法：

火狐浏览器Firefox

要清空 Mozilla Firefox 的缓存，请按以下步骤 *** 作：

1、单击浏览器顶部的"Tools"（工具）菜单，并选 择"Options"（选项）；

2、单击"Privacy"（隐私）；

3、单击"Cache"（高速缓存）旁边的"Clear"（清空缓存）；

4、单击"OK"（确定）。

谷歌浏览器chrome

要清空chrome的缓存，请按以下步骤 *** 作：

1、 点击小扳手图标；

2、选择“选项”；

3、选择“个人资料”；

4、在浏览数据中，点击“清除浏览数据”；

5、d出小窗 口点击“清除浏览数据”。

360浏览器

要清空360的缓存，请按以下步骤 *** 作：

1、单击浏览器顶部的"工具"菜单，并选择"IE选项"；

2、在常规下选择删除浏览的历史记录；

3、选中 Internet 临时文件复选框；

4、点击删除按钮；

5、将文件删除后，点击确定。重启浏览器。

---