功能：图片上传功能，后端返回图片的url，前端回显。
后端处理逻辑：根据图片上传的编号或者名字来确定上传oss的路径，所以一个用户只有一张图片，同名覆盖。
现象：当更换图片的时候，浏览器必须刷新缓存后，才能显示最新上传的图片。否则就是实际前端得到的URL在数据库中是对的，重新打开一个窗口显示也是对的，但就是在当前页面还是显示上一张图片。
问题：浏览器的图片缓存的id就是图片的URL，由于URL没有发生变化，所以浏览器并没有更新缓存
处理：在前端接收到图片后，或者后端传图片传出来之前，对URL做处理。因为是上传的oss服务器，所以实际就是访问URL。可以在URL后面加参数。如：http://qwe.asd.com/rty/fg/.png?noce=123。只要后面的参数是个变动的值就行，这样浏览器每次存的时候就是存的新的缓存。所以最直接的方式就是加时间戳。这样每次上传后，当需要回显图片的时候，URL后面跟了时间戳参数，浏览器缓存的时候就是新的id。
功能：图片上传功能，后端返回图片的url，前端回显。后端处理逻辑：根据图片上传的编号或者名字来确定上传oss的路径...
☆前端优化：浏览器缓存技术介绍 - 简书 浏览器缓存（适用于前端解决缓存问题） - 简书 js清除浏览器缓存问题的...
问题 GitHub 项目中的图片在浏览器中无法显示（图裂），点击图片链接直接打开图片，浏览器显示： 解决方法 Ma...
先用一张图来展示浏览器缓存机制： 浏览器缓存分两种：强制缓存和协商缓存。 强制缓存 强制缓存主要是通过Expire...
如果已经更换了启动图，有些手机启动图更新成功，有些更新失败，则有可能是缓存问题， 在/Library/Splash...
批量替换文本 用途 浏览器会缓存js文件，如果只更新js文件时，需要浏览器清除缓存才会获取更新后的文件，所以需要在...
redis 缓存相关 基本缓存系统流程图 分析缓存的过程 由于引入缓存，那么更新时，不仅要更新数据库，而且要更新缓...
好的链接浏览器缓存过程浏览器缓存举例 看完整理一份流程图 举个场景
项目每次发布后，会有缓存问题，导致页面不更新，尤其是微信浏览器，缓存情况更为严重。然后利用gulp 给js，css...
问题描述 在日常的项目中，在浏览器加载静态文件，会遇到浏览器缓存的问题。 浏览器会默认使用缓存，当我们修改了静态文...
本文标题：图片在浏览器的缓存更新问题
本文链接：https://www.haomeiwen.com/subject/mvyjsrtx.html
网友评论