给前端返回http链接，由于浏览器缓存不能获取到最新资源怎么办？

木星mx

于 2023-08-31 00:10:57 发布

阅读量463

点赞数 1

分类专栏：开发日记文章标签：缓存

本文链接：https://blog.youkuaiyun.com/weixin_48460141/article/details/132593394

版权

开发日记专栏收录该内容

15 篇文章

订阅专栏

文章讲述了在处理前端图片上传时遇到的问题，由于浏览器缓存导致新上传的图片未显示更新。解决办法是在HTTP链接中添加时间戳参数，创建新的URL以强制浏览器请求最新资源。

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

1、问题描述

今天在工作中接到这样一个需求，接收前端的图片文件并上传到远程，将原有图片覆盖并返回一个http链接以供前端展示。用户使用后反馈没有修改成功，上了远程拉图片发现已经修改了，但是用户浏览器还是老的图片。排查原因是浏览器存在缓存，虽然资源已经改变但是浏览器对同一个http链接还是使用了缓存里的老数据。

2、问题解决

解决方法也很简单，只需要在不改变访问地址的前提下改变http链接的内容，这样就是一个新的http链接，但是地址是正确的。方法是在地址的后面加上一个参数，比如使用当前的时间戳：

// 原返回,链接一直都是同一个,浏览器会使用缓存
String url = "http://www.temp.com/img/1.png";
// 引入时间戳参数,每次请求都是一个新的地址
long timestamp = System.currentTimeMillis();
String url = "http://www.temp.com/img/1.png?timestamp=" + timestamp;