功能:图片上传功能,后端返回图片的url,前端回显。
后端处理逻辑:根据图片上传的编号或者名字来确定上传oss的路径,所以一个用户只有一张图片,同名覆盖。
现象:当更换图片的时候,浏览器必须刷新缓存后,才能显示最新上传的图片。否则就是实际前端得到的URL在数据库中是对的,重新打开一个窗口显示也是对的,但就是在当前页面还是显示上一张图片。
问题:浏览器的图片缓存的id就是图片的URL,由于URL没有发生变化,所以浏览器并没有更新缓存
处理:在前端接收到图片后,或者后端传图片传出来之前,对URL做处理。因为是上传的oss服务器,所以实际就是访问URL。可以在URL后面加参数。如:http://qwe.asd.com/rty/fg/.png?noce=123。只要后面的参数是个变动的值就行,这样浏览器每次存的时候就是存的新的缓存。所以最直接的方式就是加时间戳。这样每次上传后,当需要回显图片的时候,URL后面跟了时间戳参数,浏览器缓存的时候就是新的id。
图片在浏览器的缓存更新问题
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 浏览器广告拦截 目前大部分用户都会设置广告拦截,用js判断打开网页的是哪个浏览器,并借此提示用户关闭浏览器广告拦截...
- 作为客户端开发,经常需要验证服务端数据改变后本地app的行为,就拿最近遇到的一个问题:webview打开的网页页面...
- 页面如何通过input标签来显示获取的图片? 之所想到这个问题是因为某次做动画的时候,需要获取transform-...
- 【前端工程化解决方案】[https://www.jianshu.com/p/143a95d172bd]一文已经深入...
- 好像这个题目有点长啊,但是这个意思确实是这样表述的啊,大家理解一下!哈哈哈 首先说说这个问题的来源吧,因为项目中把...