1. 程式人生 > >js通過添加隨機數的方法,解決多張圖片加載時由於緩存導致圖片無法正確顯示的問題

js通過添加隨機數的方法,解決多張圖片加載時由於緩存導致圖片無法正確顯示的問題

原因 顯示 rand class var rip 圖片加載 提交數據 cti

問題出現描述:當對列表中某個圖片進行重新編輯時,提交後會發現圖片列表仍會出現修改之前的圖片,新圖片並未覆蓋。

問題出現原因:緩存問題。

解決辦法:通過js方法,在每張圖片路勁後面添加一個隨機數,這樣每次加載就會重新提交數據,避免因數據相同直接從緩存中取數據。

代碼展示:

html部分,<img src=‘01.jpg‘ class=‘img‘ />

js部分,

<script type="text/javascript">

  $(function(){

    var string = ‘‘;

    for(var i = 0; i < 5; i++)

    {

      string += Math.floor(Math.random() * 10)

    }

    $(‘.img‘).each(function(){

      this.src = this.src + ‘?‘ + string;

    });

  });

</script>

js通過添加隨機數的方法,解決多張圖片加載時由於緩存導致圖片無法正確顯示的問題