js經過添加隨機數的方法,解決多張圖片加載時因爲緩存致使圖片沒法正確顯示的問題

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

問題出現緣由:緩存問題。html

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

代碼展現:緩存

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

js部分,this

<script type="text/javascript">htm

  $(function(){圖片

    var string = '';ip

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

    {

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

    }

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

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

    });

  });

</script>

相關文章
相關標籤/搜索