url链接没变,链接中的图片变了,浏览器显示的还是旧的内容?

当后端动态生成图片或替换图片但URL未改变时,浏览器会使用缓存显示旧图片。解决此问题有两种常见方法:一是后端每次生成随机文件名,但这可能导致追溯困难;二是前端通过在URL末尾添加时间戳或随机数强制浏览器重新加载。这两种方法都能有效刷新浏览器缓存,确保显示最新图片。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

后端动态生成图片或者替换图片后,返回给前端的图片链接没变,浏览器显示的还是旧的内容?

问题原因:当浏览器第一次解析了图片地址后,会将其缓存下来,图片虽然改变了,但是链接没有发生变化,浏览器默认会从上次的缓存取出,所以图片没有发生变化

解决办法

(1)后端每次重新生成的链接名字给随机名称
缺点:可能需要记录当前链接做查询之类的,如果随机图片名称,可能没办法追溯
(2)前端自己处理,给图片后面添加 ?随机数 或者给 ?时间,类似于版本控制

https:www.123.com/img.png + '?' + new Date()
// 或者
https:www.123.com/img.png + '?' + Math.random() * 1000000
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值