JS去除图片缓存

在Web网站中,有时候修改图片显示仍然不是最新的,这是由于浏览器对图片的缓存造成.

1.给图片url添加随机数参数,使浏览器每次重新请求图片(但是在IE浏览器中,缓存有可能还是不能清除,可以使用下面第二种方法)

HTML代码:
<div class="login_main">
        <div class="login_ptxt">
            <div class="login_p">
             <img alt=\"用户头像\"/>
             </div>
          </div>
</div>

$(".login_main .login_p img").attr("src", userIconUrl + "?temp=" + Math.random());//userIconUrl 为图片URL

 

2.第二种方法:动态添加img元素

HTML代码:
<div class="login_main">
        <div class="login_ptxt">
            <div class="login_p">
            <!--动态添加img标签-->
             </div>
          </div>
</div>

$(".login_main .login_p").append("<img alt=\"用户头像\"/>");

$(".login_main .login_p img").attr("src", userIconUrl + "?temp=" + Math.random());//userIconUrl 为图片URL

 

3. 如果在CSS文件中，可以这样写：

	.bjdiv{
	
	height: 100%; 
	width: 100%; 
	display: table;
	background: url(${ctxStatic}/images/shouye_01bj.png?temp=1) no-repeat 0px 0px;
	}