問題:項目中用的img標簽及其src屬性,但是發現瀏覽器會緩存圖片,這樣每次如果修改了圖片,再重新打開預覽發現圖片還是原來的。
原因:因為src后面的請求路徑不變,所以瀏覽器就認為是同一個圖片,就不會重新發送請求。
解決方法:
在img的scr屬性.后添加 "?tempid="+Math.random(); 這樣一段字符串.
因為瀏覽器緩存的img是根據scr屬性的.而這個剛好隨即生成隨機數,不影響SCR屬性的同時等於更新了src屬性..因此避免了緩存.
當然scr屬性后添加,是在完整的圖片地址后在加上以上那段代碼;
當然我們如果每次上傳的圖片(包括修改原圖片)都能取一個與其他圖片不一樣的名字,也可以完全解決緩存問題了。