亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > WEB開發 > 正文

緩存圖片解決方案(來自stackoverflow)

2024-04-27 15:11:10
字體:
來源:轉載
供稿:網友

1)向URL中添加唯一的緩存清除查詢參數,例如:

newImage.src = "image.jpg?t=" + new Date().getTime();

優點: 100%的可靠,快速和易于理解和執行。

缺點:繞過緩存完全,意味著不必要的延遲和帶寬使用時圖像不視圖間進行變換。將潛在地填充瀏覽器緩存(和任何中間緩存)與許多,許多副本完全相同的圖像!此外,還需要修改圖片網址。

當使用方法:使用時,圖像是不斷變化的,如用于現場攝像頭飼料。如果您使用此方法,請務必與服務圖像本身Cache-control: no-cache的HTTP頭! (通常這可以使用.htaccess文件設置)。否則,你將逐漸填充高速緩存與舊版本的圖像!


(2)向URL中添加查詢參數,只有當文件發生更改時,才會更改,例如:

echo '<img src="image.jpg?m=' . filemtime('image.jpg') . '">';

(這是php的服務器端代碼,但這里的重要的一點就是這樣一個?M = [文件最后修改時間]查詢字符串被附加到文件名)。

優點: 100%的可靠,快速和易于理解和實施,并完美地保留緩存的優勢。

缺點:需要修改圖像的URL。此外,為服務器多一點工作 - 它必須獲得文件最后修改的時間的訪問。另外,需要服務器端信息,因此不適合純客戶端方案來檢查刷新的映像。

使用時間:當你希望緩存圖像,但可能需要在服務器端更新它們不時在不改變文件名本身。AND,當您可以輕松地確保正確的querystring添加到HTML中的每個圖像實例。


(3)與頭即成您的圖像Cache-control: max-age=0, must-revalidate,以及獨特添加的memcache -busting片段標識符的URL,如:

newImage.src = "image.jpg#" + new Date().getTime();

這里的想法是,緩存控制頭將圖像放在瀏覽器緩存中,但立即標記它們陳舊,以便每次重新顯示時,瀏覽器都必須檢查服務器以查看它們是否已更改。這確保了瀏覽器的HTTP緩存總是返回圖像的最新副本。但是,如果瀏覽器有一個內存中的副本,那么瀏覽器通常會重復使用它,甚至在這種情況下甚至不檢查它們的HTTP緩存。為了防止這種情況,一個片段標識符用于:在內存中的圖象比較src的包括片段標識符,但它被查詢HTTP緩存之前剝去。(因此,例如,image.jpg#Aimage.jpg#B可能既從顯示image.jpg在瀏覽器的HTTP緩存條目,但image.jpg#B絕不會使用內存中顯示從當保留的圖象數據image.jpg#A最后被顯示)。

優點:合理的利用的HTTP緩存機制,使用緩存圖像,如果他們沒有改變。適用于將查詢字符串添加到靜態圖片網址的服務器(因為服務器從不會看到片段標識符 - 它們僅供瀏覽器自己使用)。

缺點:憑借瀏覽器(文件或至少很差)有點可疑的行為,就在他們的URL片段標識符圖像(不過,我在FF27,Chrome33和IE11這個測試成功)。對于每個圖像視圖仍然發送重新驗證請求到服務器,如果圖像只有很少變化和/或延遲是一個大問題,這可能是過度的(因為您需要等待重新驗證響應,即使緩存的圖像仍然是好的) 。需要修改圖片網址。

何時使用:使用時,圖像可能會經常發生變化,或者需要由客戶端刷新間歇性無服務器端腳本參與,但如果你仍然想緩存的優勢。例如,輪詢每幾分鐘不規律地更新圖像的實況網絡攝像頭?;蛘撸绻姆掌鞑辉试S靜態圖片網址的查詢字符串,請使用(1)或(2)。


(4)強行刷新使用javascript特定的圖像,首先加載到一個隱藏<iframe>,然后調用location.reload(true)的iframe的contentWindow。

步驟是:

將要刷新的圖像加載到隱藏的iframe中。這只是一個設置步驟 - 如果需要,它可以提前實際刷新。如果圖像在這個階段無法加載甚至不重要!

完成后,您的網頁或任何DOM節點中的任何位置(即使在Javascript變量中存儲的頁外)中的所有副本都會被清空。您需要確保所有:因為瀏覽器可能會以其他方式展示從陳舊的內存中拷貝圖像(IE11尤其是做到這一點),這是必要的內存拷貝都被清零,刷新HTTP緩存之前。如果其他JavaScript代碼以異步方式運行,您可能還需要阻止該代碼在此期間創建待刷新圖像的新副本。

呼叫iframe.contentWindow.location.reload(true)。該true部隊緩存旁路,直接從服務器重裝并覆蓋現有的緩存副本。

一旦它完成重新 -loading,后立刻圖像。他們現在應該從服務器顯示新版本!

對于相同域的圖片,您可以直接將圖片加載到iframe中。對于跨域圖像,你要代替加載HTML網頁,從您的域名包含在圖像<img>標記,否則你會得到嘗試調用時錯誤“訪問被拒絕” iframe.contentWindow.reload(...)。

優點:工作就像image.reload()函數,你希望的DOM了!允許通過正常緩存圖像(即使有未來的到期日期,如果你想要的話,從而避免頻繁的重新驗證)。允許您在不更改當前網頁或其他網頁(僅使用客戶端代碼)上的圖片的網址的情況下刷新特定圖片。

缺點:憑借的JavaScript。不是100%保證在每個瀏覽器正常工作(我已經測試這成功在FF27,Chrome33和IE11雖然)。相對于其他方法非常復雜。

何時使用:當你有,你想緩存基本上是靜態圖像的集合,但你仍然需要能夠偶爾更新它們,并得到即時的視覺反饋,該更新發生。(特別是當只刷新整個瀏覽器頁面不工作,例如在一些基于Ajax的web應用程序)。當方法(1) - (3)不可行,因為(無論什么原因)你不能更改可能顯示圖像的所有URL,你需要更新。(請注意,使用的3種方法,圖像將被刷新,但如果另一個頁面,然后嘗試顯示該圖像沒有相應的查詢字符串或片段標識符,它可能會顯示一個舊版本代替)。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩欧美aⅴ综合网站发布| 亚洲伊人久久综合| 午夜精品美女自拍福到在线| 亚洲欧美日韩天堂一区二区| 亚洲国产精彩中文乱码av| 欧美日韩不卡合集视频| 综合网日日天干夜夜久久| 亚洲人成77777在线观看网| 久久精品国产96久久久香蕉| 91在线视频免费| 青青草成人在线| 亚洲欧洲成视频免费观看| 欧美另类老肥妇| 欧美高清视频在线观看| 97精品欧美一区二区三区| 亚洲国产精品久久精品怡红院| 久久亚洲欧美日韩精品专区| 亚洲天堂一区二区三区| 日本人成精品视频在线| 精品久久久久久亚洲精品| 欧美午夜女人视频在线| 久久久91精品国产一区不卡| 欧美精品videossex88| 欧美黑人狂野猛交老妇| 亚洲japanese制服美女| 51午夜精品视频| 亚洲欧洲成视频免费观看| 成人激情视频小说免费下载| 亚洲精品日韩欧美| 最新的欧美黄色| 日韩高清欧美高清| 亚洲成人网久久久| 欧美性猛交xxxx黑人| 欧美另类交人妖| 久久久久亚洲精品成人网小说| 成人午夜在线视频一区| 黑人巨大精品欧美一区二区三区| 欧美日韩在线另类| 欧美在线视频观看| 成人免费视频97| 精品毛片网大全| 国产精品99久久久久久人| 欧美亚州一区二区三区| 日产精品99久久久久久| 欧美大人香蕉在线| 日韩电影免费观看在线观看| 亚洲在线视频福利| 在线观看国产精品淫| 色青青草原桃花久久综合| 久久福利视频导航| 久久久久久久久久久久久久久久久久av| 国产精品久久999| 色狠狠久久aa北条麻妃| xxav国产精品美女主播| 亚洲精品久久视频| 2025国产精品视频| www日韩中文字幕在线看| 国产精品91久久久久久| 91国产一区在线| 久久精品在线视频| 亚洲欧美日韩国产成人| 亚洲国产高清高潮精品美女| 国产精品专区h在线观看| 日韩精品免费在线| 国产精品大陆在线观看| 欧美中文在线视频| 日韩国产高清污视频在线观看| 亚洲一区美女视频在线观看免费| 97精品久久久中文字幕免费| 91中文在线视频| 91国内产香蕉| 亚洲天堂av在线播放| 国产精品久久久久久久久久新婚| 亚洲欧美成人网| 成人春色激情网| 国产综合在线视频| 黑人精品xxx一区一二区| 最近的2019中文字幕免费一页| 精品日韩美女的视频高清| 午夜精品国产精品大乳美女| 久久久久久久久久久91| 91免费电影网站| 久久人人爽人人| 欧美亚洲一区在线| 国产精品视频网址| 日韩中文字幕在线免费观看| www欧美xxxx| 国产精品678| 久久久久久com| 久久久久女教师免费一区| 中文字幕精品视频| 成人国产在线视频| 欧美有码在线视频| 欧美激情视频在线观看| 亚洲欧美综合图区| 色777狠狠综合秋免鲁丝| 欧美性极品xxxx做受| 欧美性jizz18性欧美| 亚洲精品自在久久| 久久国产天堂福利天堂| 91亚洲永久免费精品| 国产精品视频资源| 亚洲欧美制服另类日韩| 国产日韩欧美自拍| www.99久久热国产日韩欧美.com| 国产精品久久久久久久av大片| 国产精品美女主播在线观看纯欲| 亚洲成人激情在线观看| 中文字幕亚洲一区二区三区| 日本高清久久天堂| 亚洲一区二区免费在线| 亚洲国产日韩欧美在线图片| 精品久久在线播放| 亚洲精品狠狠操| 欧美激情精品久久久久久久变态| 亚洲第一网站男人都懂| 精品日韩视频在线观看| 欧美激情精品在线| 国产欧美中文字幕| 色噜噜狠狠狠综合曰曰曰| 成人av在线亚洲| 亚洲人成网站在线播| 欧美成年人网站| 亚洲美女免费精品视频在线观看| 亚洲欧美国产高清va在线播| 色老头一区二区三区| 国产精品亚洲精品| 欧美亚洲一区在线| 色综合色综合久久综合频道88| 亚洲少妇激情视频| 欧美激情2020午夜免费观看| 自拍偷拍亚洲精品| 91沈先生作品| 亚洲三级黄色在线观看| 国产精品xxxxx| 欧美精品午夜视频| 国产精品九九九| 欧美日韩国产一区二区三区| 国内精品免费午夜毛片| 性欧美在线看片a免费观看| 中文字幕不卡在线视频极品| 欧美成人三级视频网站| 国产午夜精品免费一区二区三区| 久久久久国产精品www| 国产不卡精品视男人的天堂| 欧美黑人狂野猛交老妇| 国产美女久久久| 亚洲精品女av网站| 欧美日韩激情视频8区| 国产精品视频中文字幕91| 欧美夜福利tv在线| 超薄丝袜一区二区| 成人国产精品日本在线| 欧美性生交xxxxxdddd| 91亚洲精华国产精华| 亚洲国产欧美一区| 国产综合在线观看视频| 国产精品国产三级国产专播精品人| 欧美亚洲国产另类| 欧美日韩亚洲高清| 欧美日韩国产精品一区| 黄色91在线观看| 日韩中文综合网| 日韩av在线一区二区|