解决浏览器图片缓存问题(图片不能及时变过来)

解决浏览器图片缓存问题(图片不能及时变过来)

因为部分需求(跟换头像,切换轮播图等等)改变图片或者本地上传新图片,会导致图片缓存问题,从而达不到预期效果,还是加载原图片 查找了一些资料,总结出2个步骤:

1.在图片的路径的后面拼接 ‘?内容’ 解决,具体如下 (1)在图片src路径后面加上时间戳,使浏览器(移动端设备)认为每次加载的不是同个图片。 例子:

timestamp(url) {

let getTimestamp = new Date().getTime();

url= url + "?timestamp=" + getTimestamp

return url

}

(2)在图片src路径后面加上随机数,使浏览器(移动端设备)认为每次加载的不是同个图片。 例子:

$(".imglist").find("li").each(function(index,domEle){

var obj = $(this).find("a").find("img");

obj.attr("src",obj.attr("src")+Math.random());

});

2.(浏览器)在中加入这3句话:

表示不要缓存数据

转发 : https://segmentfault.com/a/1190000016514777

相关推荐

交易猫交易成功后钱多久到账
365bet亚洲

交易猫交易成功后钱多久到账

📅 08-10 👁️ 6686
模拟山羊mmo奖杯都在哪
365bet亚洲

模拟山羊mmo奖杯都在哪

📅 10-01 👁️ 357