服务器图片限时访问 前端怎么缓存

2016/12 01 14:12
此文章不得转载,如有需要请联系网站管理员。

一度的温暖,一百度的爱情,来自于ca788亚洲城娱乐的点点滴滴

场景:

<前端题目, 网站基于AngularJS>
网站里需求展现一个用户的照片
效力器限定 用户只能在刚登陆的一分钟之内拜访这张图片
我需求屡次拜访这张图片用户登录一分钟之后

末尾想法:

我想缓存起来这张图片,用于后续拜访

题目:

怎样完成这种缓存图片并展现?

谢谢

可以把图片转换为base64;
再用HTML5的外地存储API中断保管,需求运用了就读取。
html5-localstorage外地存储实际使用举例
外地存储localStorage中保管图片和文件

假如 IE8+ 的话,发起在前往数据之后的回调函数里取到图片链接或许文件存到 Window.localStorage,最大限定是 5M

假如兼容低版本 IE,可以选择 cookie,最大为 4k,以是只能存一个图片的 url

假如有 redux , Flux 相干经历的话可以采取前端历久化数据方法

存取用法和文档可以自行百度,谷歌

图片拜访一次后就不断留在阅读器缓存中了,下次只需运用前次的url,并不会再去效力器央求!这个条件是阅读器窗口不断在翻开形状,并且页面不跳转!
假如页面跳转了,那就图片转换为base64;存localstorage中;还可以运用manifest

(看完/读完)这篇文章有何感想! 来看看ca788亚洲城娱乐是怎么评论的吧!

--转载请注明: www.ca788.com#亚洲城ca788手机版官网 » 服务器图片限时访问 前端怎么缓存

发表评论

(必填)