图片img的src不变,浏览器重新加载的实现方法

发布时间:2020-03-28编辑:脚本学堂
如何实现图片img的src值不变,浏览器却可以重新加载的功能呢?请参考本文给出的解决方法吧。

在图片地址src不变的情况下,让浏览器重新加载图片。实现这种功能,你应该想到:在src不变时,浏览器直接去读取缓存,就很好解决了。

解决办法:
 

var img_src ='http://www.jb200.com/images/seagull.jpg'+Math.random();

给图片地址拼接一个随机数,用js重新给 img 的 src 赋值就可以了。

另一个例子,
 

var img_src = 'http://www.jb200.com/images/aaa.jpg';
var img_html= '<img src="http://hail812.blog.163.com/'+img_src+'?rdn='+Math.random()+'" />';

同样是给图片地址拼接一个随机数,实现不刷新加载图片。