在Web開發中,我們通常會在頁面上展示很多圖片,這些圖片都需要從服務器加載,這樣才能呈現在用戶面前。但是,由于瀏覽器具有緩存功能,如果用戶多次訪問同一張圖片所在的頁面,那么這張圖片很有可能會被緩存下來,這樣就會造成網絡流量浪費。
那么,有沒有辦法可以設置圖片不被緩存呢?答案是肯定的,下面我們就來介紹一下如何在HTML中設置圖片不被緩存。
<img src="image.jpg?<?php echo time(); ?>" />
上面的代碼中,我們在圖片的URL后面加入了隨機時間戳,這樣每次請求該圖片時,URL都會不同,瀏覽器就會重新發起請求,從而保證不會使用緩存的圖片。
另外,還可以使用其他的隨機數或者UUID等方式來生成URL,效果是一樣的。
需要注意的是,如果是在JavaScript中動態修改圖片的URL,也需要采取相同的方式來保證不被緩存。
上一篇node vue 項目
下一篇css中定義文字大小