在大多數情況下，瀏覽器為了提高性能，會有相應的緩存措施，其中緩存圖片是一種常見的做法，因為圖片在請求時需要占用大量的流量，所以在短時間內緩存圖片可以起到不錯的提高響應速度的作用。但是在有些時候，我們不希望瀏覽器的這種對於圖片的緩存，舉個例子，使用后台管理前台顯示的圖片內容時，為了能夠看出修改圖片后的效果，我們需要實時的反饋，及在后台修改完圖片后，無論后台還是前台，再次訪問時看到的應該就是修改過后的圖片。然而在實際中，修改后的頁面在一段時間內還是原來的緩存圖片，這樣就不好，一種好的做法是把需要清除緩存的圖片，每次訪問的url都添加一個隨機數作為參數，這樣瀏覽器就不會把緩存的圖片再次顯示，而是會重新向服務器提出獲取圖片資源的請求。
具體實例如下：
頁面上的圖片組件：
<img src="images/image.jpg" id="img-id"/>
加載的時候使用隨機數再次請求服務器而不是使用緩存圖片：
1）使用jquery實現：
$(document).ready(function(){
//重新加載圖片
$('#img-id').src=$('#img-id').src+"?"+Math.random();
});
2)使用js實現：
document.onload(function(){
document.getElementById('img-id').src=document.getElementById('img-id').src+"?"+Math.random();
});
這樣，通過以上做法就可以達到加載圖片時清除緩存的目的了。