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

標籤：通過   htm   描述   覆蓋   編輯   each   列表   rand   添加   

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

問題出現原因：緩衝問題。

解決辦法：通過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通過添加隨機數的方法，解決多張圖片載入時由於緩衝導致圖片無法正確顯示的問題