在Web開發中,圖片是我們經常使用的一種資源。但是有時候我們需要動態更新圖片的地址,或者重新加載圖片以更新展示的內容。這就需要使用jQuery img reload方法了。
$('img').attr('src',function(i,oldValue){ return oldValue + '?' + new Date().getTime(); });
上面的代碼會選擇所有的img元素,并通過attr方法將它們的src屬性值進行更新。
注意到代碼中new Date().getTime()的使用。這個方法可以獲取當前的時間戳,保證每次生成的時間戳都是不同的,這樣可以避免瀏覽器使用緩存中的圖片,而是重新從服務器獲取。
此外,有時候我們需要在圖片加載完成后再進行重新加載。這時可以使用load方法:
$('img').on('load',function(){ $(this).attr('src',function(i,oldValue){ return oldValue + '?' + new Date().getTime(); }); });
上面的代碼會在圖片加載完成后,再更新圖片的src屬性值。這樣可以保證圖片加載完成后再重新更新,避免出現一些圖片未加載完成就被重新加載的問題。
有了jQuery img reload方法,我們可以方便地更新和重新加載圖片,提升用戶體驗。