問題出現描述:當對列表中某個圖片進行重新編輯時,提交後會發現圖片列表仍會出現修改之前的圖片,新圖片並未覆蓋。 問題出現原因:緩存問題。 解決辦法:通過js方法,在每張圖片路勁後面添加一個隨機數,這樣每次載入就會重新提交數據,避免因數據相同直接從緩存中取數據。 代碼展示: html部分,<img sr ...
問題出現描述:當對列表中某個圖片進行重新編輯時,提交後會發現圖片列表仍會出現修改之前的圖片,新圖片並未覆蓋。
問題出現原因:緩存問題。
解決辦法:通過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>