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

huazizhanye、

于 2022-06-09 17:03:34 发布

阅读量1.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js 文章标签：前端 javascript 开发语言

本文链接：https://blog.youkuaiyun.com/wzsud/article/details/125206767

5 篇文章

订阅专栏

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

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

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

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

https:www.123.com/img.png + '?' + new Date()
// 或者
https:www.123.com/img.png + '?' + Math.random() * 1000000