SDWebImage支持URL不變時更新圖片內容

轉:http://www.cnblogs.com/renshengruozhiruchujian/p/5886382.html?

SDWebImage在iOS項目中是一個很常用的開源庫,而且眾所周知的是,它是基于URL作為Key來實現圖片緩存機制的。在90%左右的情況下,

圖片與URL是一一對應的,即使服務器修改了圖片也會相應的變更URL。但是在少數情況下,服務器修改了圖片后不會變更相應的URL,也就是

說圖片本身的內容變了然而它的URL沒有變化,那么按照對SDWebImage的常規使用方法的話,客戶端肯定更新不到同一URL對應到服務器已變

更的圖片內容。

基于這一現象,我們來進行分析。

客戶端第一次請求圖片時,Charles抓包得知response header里有一個名為Last-Modified、數據是時間戳的鍵值對。

客戶端第二次及以后請求圖片時,通過Charles抓包發現,服務器返回304 not modified狀態,說明服務器在接收客戶端請求后通過某種判斷邏輯得出結論:“客戶端已緩存的圖片與服務器圖片都是最新的”,那么服務器如何判斷的呢?

通過查閱HTTP協議相關的資料得知,與服務器返回的Last-Modified相對應的request header里可以加一個名為If-Modified-Since的key,value即是服務器回傳的服務端圖片最后被修改的時間,第一次圖片請求時If-Modified-Since的值為空,第二次及以后的客戶端請求會把服務器回傳的Last-Modified值作為If-Modified-Since的值傳給服務器,這樣服務器每次接收到圖片請求時就將If-Modified-Since與Last-Modified進行比較,如果客戶端圖片已陳舊那么返回狀態碼200、Last-Modified、圖片內容,客戶端存儲Last-Modified和圖片;如果客戶端圖片是最新的那么返回304 Not Modified、不會返回Last-Modified、圖片內容。

關于服務器的比較邏輯,需要強調一下。

經查資料得知,Apache比較時是看If-Modified-Since之后有沒有更新圖片,Nginx比較時是看If-Modified-Since與Last-Modified是否相等,所以對于Apache服務器環境客戶端每次都要嚴格的存儲服務器回傳的Last-Modified以便下次請求時作為If-Modified-Since的值傳給服務器,對于Nginx服務器環境客戶端不必存儲服務器回傳的Last-Modified,每次請求時只需將圖片自身的fileModificationDate作為If-Modified-Since的值傳服務器即可。在實際開發中,如果遇到明明傳了If-Modified-Since、服務器圖片也變更了、但是客戶端卻請求不到最新的圖片的情況時,那么就需要查看一下服務器對這兩個時間戳的比較邏輯。

那么,現在我們可以回到SDWebImage上來了。通過查看SDWebImageDownloader的源碼得知,它開放了一個headersFilter的block,意在讓開發者可以對所有圖片請求追加一些額外的header,這正合我意。那么我們就可以在諸如AppDelegate didFinishLaunching的地方追加如下代碼:

SDWebImageDownloader *imgDownloader = SDWebImageManager.sharedManager.imageDownloader;

imgDownloader.headersFilter? = ^NSDictionary *(NSURL *url, NSDictionary *headers) {

NSFileManager *fm = [[NSFileManager alloc] init];

NSString *imgKey = [SDWebImageManager.sharedManager cacheKeyForURL:url];

NSString *imgPath = [SDWebImageManager.sharedManager.imageCache defaultCachePathForKey:imgKey];

NSDictionary *fileAttr = [fm attributesOfItemAtPath:imgPath error:nil];

NSMutableDictionary *mutableHeaders = [headers mutableCopy];

NSDate *lastModifiedDate = nil;

if (fileAttr.count > 0) {

if (fileAttr.count > 0) {

lastModifiedDate = (NSDate *)fileAttr[NSFileModificationDate];

}

}

NSDateFormatter *formatter = [[NSDateFormatter alloc] init];

formatter.timeZone = [NSTimeZone timeZoneWithAbbreviation:@"GMT"];

formatter.locale = [[NSLocale alloc] initWithLocaleIdentifier:@"en_US"];

formatter.dateFormat = @"EEE, dd MMM yyyy HH:mm:ss z";

NSString *lastModifiedStr = [formatter stringFromDate:lastModifiedDate];

lastModifiedStr = lastModifiedStr.length > 0 ? lastModifiedStr : @"";

[mutableHeaders setValue:lastModifiedStr forKey:@"If-Modified-Since"];

return mutableHeaders;

};

然后,加載圖片的地方以前怎么寫還是怎么寫,但別忘了Option是SDWebImageRefreshCached

NSURL *imgURL = [NSURL URLWithString:@"http://handy-img-storage.b0.upaiyun.com/3.jpg"];

[[self imageView] sd_setImageWithURL:imgURL

placeholderImage:nil

options:SDWebImageRefreshCached];

測試,服務器只修改圖片不變更URL的時候,客戶端也可以更新到最新的圖片。

從以上第一段代碼內容可以看出我采用的是與ngix服務器比較邏輯對應的代碼,BTW:我測試的服務器是又拍云,說明又拍云的比較邏輯是等與不等的關系判斷,不是大小關系的判斷。

這里順便說一下,如果服務器的環境是類似于Apache的比較邏輯時,客戶端可以把Last-Modified存放在圖片的名稱上(這需要修改SDWebImage源碼,不建議),或者用一個plist文件存放圖片key名稱與時間的對應關系(這個不用修改源碼)。

OK,到此這次的主題已得到完美解決。

知識擴展

其實,在抓取服務器返回的數據包時,還發現response header中還有一個ETag,與之相對應的request header中可以追加一個

If-None-Match的key,這對header與Last-Modified、If-Modified-Since的作用是相同的,即服務器是否需要返回最新的圖片,

當然它們在服務器端的判斷邏輯應該是等與不等的判斷,Etag在客戶端的存儲同樣可以采用在plist文件中存放圖片key名稱與Etag的對應

關系。

參考資料

又拍云

有關Last-Modified 與 If-Modified-Since

SDWebImageDownloader源碼

SDWebImage load pictures and something about setting HTTP headers

重點推薦-AFNetWorking 和 SDWebImage 圖片緩存對比

重點推薦-How Does Caching Work in AFNetworking? : AFImageCache & NSUrlCache Explained

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,967評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,273評論 3 415
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 175,870評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,742評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,527評論 6 407
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,010評論 1 322
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,108評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,250評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,769評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,656評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,853評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,371評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,103評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,472評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,717評論 1 281
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,487評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,815評論 2 372

推薦閱讀更多精彩內容