利用JS处理页面图片缓存的问题

在服务端实时的获取动态变化的图片，如果图片的名称路径没有改变，浏览器会贱贱的拿着缓存不放，这个时候我们要做的就是改变图片的路径，不是真正的改变src的路径，而是在这个路径后面加上没有用的参数：

src='image/123.png?t='+new Date().getTime();​ 或者

​src='image/123.png?m='+Math.random();​

　　

具体做法是，先在HTML部份加入IMG,使用ID来关联JS

 <img id="df11" />  
 <img id="zj11" />  
 <img id="qx11" />  

然后在head下面加上js部份，动态的加上时间变量

<script> 
$(function(){ 
var myDate = new Date();
var mytime=myDate.toLocaleTimeString();   
  
  document.getElementById("qxg11").src ="qxg.png?l="+mytime;
   document.getElementById("df11").src = "df.png?l="+mytime;
    document.getElementById("zj11").src = "zj.png?l="+mytime;
	 document.getElementById("qx11").src = "qx.png?l="+mytime;
	  document.getElementById("hz11").src = "hz.png?l="+mytime;
	   document.getElementById("ny11").src = "ny.png?l="+mytime;
   document.getElementById("wl11").src = "wl.png?l="+mytime;
  
})
</script>

　　这样每次加载他都会重新加载一次图片，当你图片进行了删除，变更时，他也能自动更新。