關於瀏覽器緩存問題（圖片更換後，頁面仍優先讀取緩存）

時間 2019-12-06

原文原文鏈接

由於部分需求（跟換頭像，切換輪播圖等等）改變圖片或者本地上傳新圖片，會致使圖片緩存問題，從而達不到預期效果，仍是加載原圖片
查找了一些資料，總結出2個步驟：瀏覽器

1.在圖片的路徑的後面拼接 ‘?內容’ 解決，具體以下緩存

（1）在圖片src路徑後面加上時間戳，使瀏覽器（移動端設備）認爲每次加載的不是同個圖片。
例子：dom

timestamp(url) {
    let getTimestamp = new  Date().getTime();
    url= url + "?timestamp=" + getTimestamp
      return url
  }

<img width="188" height="150" src="url">ui

（2）在圖片src路徑後面加上隨機數，使瀏覽器（移動端設備）認爲每次加載的不是同個圖片。this

例子：url

<ul class="imglist" >
<li><img width="188" height="150" src="/images/photo/ico/pic_1_0128.jpg?random="> </li>
</ul>code

$(".imglist").find("li").each(function(index,domEle){
        var obj = $(this).find("a").find("img");
        obj.attr("src",obj.attr("src")+Math.random());
    });

2.（瀏覽器）在<head>中加入這3句話：圖片

表示不要緩存數據io

以上是解決方法：你們視狀況使用

相關標籤/搜索