写更换背景图片功能时，由于上传后图片同一命名，导致新的图片没有加载。

icebns

于 2019-10-15 21:51:24 发布

阅读量193

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端基础 vue

本文链接：https://blog.youkuaiyun.com/icebns/article/details/102575806

web前端基础同时被 2 个专栏收录

18 篇文章

订阅专栏

vue

6 篇文章

订阅专栏

本文介绍了解决因图片缓存导致的新图片无法正常加载的问题。通过在HTTP头部加入禁止缓存设置，并在JS中为图片URL添加时间戳参数，确保每次请求都能获取最新图片。

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

问题：
写更换背景图片功能时，由于上传后图片同一命名，导致新的图片没有加载。

解决方法:

1.meta部分：

<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">

2.JS部分：图片src+'?t='+(+new Date())

axios({
 url:showcenterip+"/savaWorkinterfaceInformation.json?tokena="+tokena,
 method:"post",
 data:formData, 
})
.then(function(response){
    console.log("程序执行");
    localStorage.setItem("backgroundPicUrl",response.data.backgroundPicUrl);
    $("#bgimg").attr("src","#");
    $("#bgimg").attr("src",showcenterip+response.data.backgroundPicUrl+'?t='+(+new Date())); 
})