[問題] 如何載入網頁清除圖片快取?

[jami520 (ALEN)]

目前FTP有一張圖片會持續更新(檔名都是固定)

但在網頁呈現部份似乎都會停留在一開始載入的圖片狀態

而非最新已經更新的圖片

目前我有在網頁加入以下程式碼，但似乎好像沒有作用

<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">

總是要按Shift + F5清除網頁暫存重新載入，才會顯示最新圖片

不知道有什麼方式可以解決呢? 謝謝

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 219.70.206.98 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1592258826.A.2A1.html
→ BugofBook: 你需要的不是清除快取，而是定時器+ajax。
→ BugofBook: 網頁載入時就己經把後臺"當時"的圖片下載到網頁了。
→ BugofBook: 網頁本來就不會"主動"知道FTP有沒有換圖，除非加上定時
→ BugofBook: 器每隔一段時間就問FTP有沒有更新圖片。
→ BugofBook: 這就像是去餐廳點套餐。套餐送到後，就算餐廳更改了套
→ BugofBook: 餐內容，己經拿到手的套餐也不會改變，除非你主動要店
→ BugofBook: 家更新套餐。
推 ian90911: 想辦法讓圖片header cache control no-cache
→ ian90911: 或者用querystring
→ wayway2004: 檔名後面加上亂數參數 (xxx.png?123456)
→ vi000246: 請說清楚你的需求 是要網頁不動 自動更新圖片
→ vi000246: 還是重整時出現最新圖片?
推 sa0124: 我都是直接圖片網址後面打?+Date.now()
推 mamapick: 搜尋cache busting，把需要更新的檔案加入hash, file_ha
→ mamapick: shxxxx.js(css/png...etc)
推 mamapick: 另外可以去看看Server的htaccess設定，把Etag關掉只開no
→ mamapick: -cache試看看