html图片url指向图片变化,前端不刷新。

来源:互联网 发布:淘宝宝贝打造爆款 编辑:程序博客网 时间:2024/04/29 15:57

问题

上传一张图片,通过js更新src属性刷新图片使其即时显示时,当img的src当前的url与上次地址无变化时(只更改图片,名称不变,不同图片名称相同)图片不变化(仍显示原来的图片),因为当src的地址不变时浏览器不会重新加载图片仍从缓存里面读取。

解决

    在img的url后面增加一个无用随机参数。由于在img的src中增加了随机数参数,多次访问图片时,浏览器认为是访问了不同的图片路径(或者说是访问了不同的图片),浏览器会每次重新访问服务器读取图片, 而不再读取缓存中的图片。

 $("#id").attr('src', src="./demo.png"+"?t=" + Math.random()); //显示图片
原创粉丝点击