JS動態獲取圖片緩存問題解決

問題場景

需求：

用戶修改商品圖片，須要及時更新商品圖片，以便用戶確認修改圖片成功。

問題：

上傳一張圖片，經過js更新src屬性刷新圖片使其即時顯示時，當img的src與上次地址無變化時（只更改圖片，名稱不變，不一樣圖片名稱相同）仍顯示原來的圖片。

緣由：

當src的地址不變時瀏覽器不會從新加載圖片仍從緩存裏面讀取。

解決：

經過前臺處理，讓JS每次生成一個隨機數做參數放在sre後邊，但該參數沒有實際意義。

eg.
<img src='" + imgsrc + "t=" + Math.random() + "'>

原理：

因爲在img的src中增長了隨機數參數，屢次訪問圖片時，瀏覽器認爲是訪問了不一樣的圖片路徑，瀏覽器會每次從新訪問服務器讀取圖片， 而再也不讀取緩存中的圖片。