如何在沒有瀏覽器快取的情況下動態刷新相同 URL 的圖片？

如何在同一URL 動態刷新圖片

您遇到透過連結造訪網站上的圖片並刷新的問題每次造訪連結時都會顯示一個新圖像。但是，當您在後台加載圖像並嘗試在頁面上更新它時，即使它在頁面重新加載時刷新，它仍然保持不變。

問題在於瀏覽器快取。預設情況下，瀏覽器會快取圖像以縮短載入時間。因此，當您嘗試更新圖像時，瀏覽器只會顯示快取版本，而不是獲取新圖像。

解決方案：使用 Cachebreakers

強制瀏覽器要下載最新的映像，您可以將快取破壞器新增至映像 URL。這通常是透過附加目前時間戳記來完成的，確保瀏覽器將請求視為唯一的 URL。

在您的 JavaScript 程式碼中：

newImage.src = "http://localhost/image.jpg?" + new Date().getTime();

透過新增此快取破壞程序，您可以強制瀏覽器直接從伺服器擷取映像，有效繞過快取。這可以確保頁面上始終顯示最新版本的圖像。

以上是如何在沒有瀏覽器快取的情況下動態刷新相同 URL 的圖片？的詳細內容。更多資訊請關注PHP中文網其他相關文章！