一、

重點在于，圖片地址是不是你可以控制的。如果是你可以控制的，那簡單了，甚至不用JS，直接通過圖片地址實現(xiàn)。

background:url(/xiaoming-2018-03-13.png)

在圖片鏈接中加一個日期變量，然后圖片設置超過一天以上的緩存時間就好了。

二、

如果是拿別人的圖片，圖片地址不能控制。

那就像 @圣人惠好可愛 同學說的，用 cookie 把圖片地址保存起來，cookie 有效期到當天晚上12點整。

圖片不大的話，可以用base64做緩存

樓上的方法都不可行。如果瀏覽器設置了每次打開都從原地址重新加載的話（換句話說，此時瀏覽器關閉后會清空緩存的文件），你設置了不加載那么顯示的將是一片空白，因為圖片被瀏覽器刪了。

正確的做法是同時考慮瀏覽器緩存和代碼緩存。當瀏覽器的緩存開啟的時候，盡量不重復加載；而當瀏覽器的緩存關閉的時候，就必須要重新加載了。

實現(xiàn)方法也很簡單，給地址加一個時間參數(shù)，時間精確到天，比如原地址為：

http://www.example.com/a.jpg

加上時間參數(shù)：

http://www.example.com/a.jpg?...

這樣一來，在今天（13號），所有請求的地址都是一樣的，如果用戶的瀏覽器開啟了緩存，那么瀏覽器就會自動從緩存加載該圖片。而如果用戶過了一天再訪問的時候，請求地址就會變?yōu)椋?/p>

http://www.example.com/a.jpg?...

由于地址改變了，所以無論瀏覽器有沒有開啟緩存，都會重新加載。

設置一個cookie，有效期為晚上0點減去當前時間，如果存在cookie就不請求，第一次請求添加一個cookie