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

html-css010

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

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

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

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

理论上,浏览器会自动缓存图片的,

如果你的浏览器没有缓存,那有可能你把浏览器缓存禁用了,

还有一点是,即使是缓存了,浏览器还是会请求服务器的,但是请求的内容是,验证图片是否有修改,如果图片没有修改,那么服务器会返回状态码为300,而不是200,300意味着图片没有修改,那么浏览器就可以取本地缓存了,200是说图片下载传输完成的意思,就是说从服务器下载完成 ,

我觉得你的问题,应该是看到了浏览器请求,但是没有看状态吗的问题。

在明确一下:即使是缓存了,也会有请求的,只是请求的返回结果,是不是需要重新下载数据(图片)