js修改img的src屬性刷新圖片時的圖片緩存問題

問題:上傳一張圖片,經過js更新src屬性刷新圖片使其即時顯示時,
當img的src當前的url與上次地址無變化時(只更改圖片,名稱不變,不一樣圖片名稱相同)圖片不變化(仍顯示原來的圖片)
 但經過firebug看圖片已經變化,由於當src的地址不變時瀏覽器不會從新加載圖片仍從緩存裏面讀取瀏覽器

方法:只需每次刷新圖片時,改變一下src的地址內容就好了,緩存

(1)經過前臺變化,讓js每次生成一個隨機數做參數放在url後邊,但該參數沒有實際意義                 服務器

(2)每次請求到該圖片頁面時,從後臺傳一個隨機數,前臺得到該隨機變量並放在url後邊,該隨機數也沒有什麼實際意義dom

原理:
 因爲在img的src中增長了隨機數參數,屢次訪問圖片時,瀏覽器認爲是訪問了不一樣的圖片路徑(或者說是訪問了不一樣的圖片),
瀏覽器會每次從新訪問服務器讀取圖片, 而再也不讀取緩存中的圖片。
Example: $("#empImgContent").attr('src', src=「**/uploads/empimgs/" + empObj.empPic+"?t=" + Math.random()); //顯示圖片url

相關文章
相關標籤/搜索