img src强制加载最新图片

今天碰到一个奇葩需求，须要在页面中每次都要加载最新的图片！后端

第一感就是在页面的头部添加以下内容：浏览器

<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">缓存

针对图片，须要屡次请求浏览器才能够奏效。dom

第二步就是在服务后端添加response的缓存机制，能够和第一种的效果同样，并无什么卵用。ui

response.setDateHeader("Expires",0);
response.setHeader("Buffer","True");
response.setHeader("Cache-Control","no-cache");
response.setHeader("Cache-Control","no-store");
response.setHeader("Expires","0");
response.setHeader("ETag",String.valueOf(System.currentTimeMillis()));
response.setHeader("Pragma","no-cache");
response.setHeader("Date",String.valueOf(new Date()));
response.setHeader("Last-Modified",String.valueOf(new Date()));url

最终解决方案：spa

因为img会随着url变化则刷新，没有变化浏览器就默认从新加载。知道了这个以后就在浏览器后面添加上一个时间戳的或者随机数的参数，让整个url产生变化，因而达到解决；图片

url?q=random或者是这样：url?t=new date()ast