問題描述：
今天做我們網站的頭像上傳模塊，遇到了個挺難受的問題。模塊是這麼設計的，我們在服務器上爲每個用戶只保存一張頭像圖片，而且圖片的文件名是 {uid}.jpg 這樣的，我想實現當用戶上傳一個頭像的時候，就能在該頁面即時刷新頭像顯示，這個簡單，在img的src位置文件名這樣寫就行了：{uid}.jpg?id=Math.random()；但是當用戶下一次再打開該頁面的時候，頭像依然沒有改變，顯示的是緩存中的圖片。惱火。
思路：
在上傳成功後同時要更新瀏覽器對該圖像文件的緩存。
解決辦法：
我在該頁面上使用了一個隱藏幀iframe，他的src指向頭像圖片。當上傳成功以後，調用iframe的reload()方法，重新加載下這個圖片就行了。
如：假設這個iframe的id是img_header，document.getElementById("img_header").contentDocument.location.reload()；刷新頁面看一看，是不是圖片也更新了！