img src強制加載最新圖片

今天碰到一個奇葩需求，須要在頁面中每次都要加載最新的圖片！

第一感就是在頁面的頭部添加以下內容：

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

針對圖片，須要屢次請求瀏覽器才能夠奏效。

第二步就是在服務後端添加response的緩存機制，能夠和第一種的效果同樣，並無什麼卵用。

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()));

最終解決方案：

因爲img會隨着url變化則刷新，沒有變化瀏覽器就默認從新加載。知道了這個以後就在瀏覽器後面添加上一個時間戳的或者隨機數的參數，讓整個url產生變化，因而達到解決；

url?q=random或者是這樣：url?t=new date()