網(wǎng)頁(yè)中圖片傳輸方法、圖片服務(wù)器、網(wǎng)絡(luò)服務(wù)器和客戶端的制作方法
【專利摘要】本發(fā)明公開(kāi)了一種網(wǎng)頁(yè)中圖片傳輸方法、圖片服務(wù)器、網(wǎng)絡(luò)服務(wù)器和客戶端。所述網(wǎng)頁(yè)中圖片傳輸方法包括:圖片服務(wù)器接收客戶端根據(jù)網(wǎng)頁(yè)中圖片的圖片鍵值發(fā)送的圖片傳輸請(qǐng)求;所述圖片服務(wù)器根據(jù)所述圖片鍵值獲取對(duì)應(yīng)的圖片,并傳輸至所述客戶端,以在所述網(wǎng)頁(yè)中顯示所述圖片。本發(fā)明實(shí)施例所提供的網(wǎng)頁(yè)中圖片傳輸方法、圖片服務(wù)器、網(wǎng)絡(luò)服務(wù)器和客戶端避免了預(yù)先的對(duì)圖片的合并處理,更適合于圖片的動(dòng)態(tài)顯示。
【專利說(shuō)明】網(wǎng)頁(yè)中圖片傳輸方法、圖片服務(wù)器、網(wǎng)絡(luò)服務(wù)器和客戶端
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明實(shí)施例涉及互聯(lián)網(wǎng)【技術(shù)領(lǐng)域】,尤其涉及一種網(wǎng)頁(yè)中圖片傳輸方法、網(wǎng)絡(luò)服 務(wù)器、圖片服務(wù)器和客戶端。
【背景技術(shù)】
[0002] 在互聯(lián)網(wǎng)為普通民眾廣泛使用的今天,人們通過(guò)互聯(lián)網(wǎng)閱讀書(shū)籍,討論問(wèn)題,購(gòu)買 商品。人們?cè)谑褂没ヂ?lián)網(wǎng)時(shí)時(shí)常需要下載網(wǎng)頁(yè)。網(wǎng)頁(yè)中不僅包括文字信息,還包括圖片信 息。現(xiàn)有的網(wǎng)頁(yè)下載過(guò)程中,網(wǎng)頁(yè)中的文字可以隨網(wǎng)頁(yè)一次下載到瀏覽器本地,而圖片則不 同,需要瀏覽器進(jìn)行針對(duì)不同的圖片多次的HTTP請(qǐng)求,才能完成對(duì)一個(gè)網(wǎng)頁(yè)的所有圖片的 下載。
[0003] 為了減少對(duì)圖片的請(qǐng)求次數(shù),人們將可能在網(wǎng)頁(yè)中顯示的多張圖片合并成為一張 大圖。用戶在請(qǐng)求一個(gè)網(wǎng)站的任何一個(gè)網(wǎng)頁(yè)時(shí)都只下載合并以后的一張大圖,然后根據(jù)不 同頁(yè)面的圖片顯示需要指定在網(wǎng)頁(yè)中需要顯示的大圖的區(qū)域。
[0004] 這樣做雖然減少了對(duì)圖片的請(qǐng)求次數(shù),但是卻必要在用戶瀏覽網(wǎng)頁(yè)之前進(jìn)行圖片 的合并運(yùn)算。一個(gè)網(wǎng)站的內(nèi)容的更新是十分頻繁的,對(duì)網(wǎng)站的圖片更新更是如此。而當(dāng)一 個(gè)網(wǎng)站采用的圖片發(fā)生變化時(shí),必須對(duì)新的圖片進(jìn)行重新合并。這對(duì)于占用數(shù)據(jù)量大的動(dòng) 態(tài)圖片更為不利。
【發(fā)明內(nèi)容】
[0005] 有鑒于此,本發(fā)明實(shí)施例提出一種網(wǎng)頁(yè)中圖片傳輸方法、圖片服務(wù)器、網(wǎng)絡(luò)服務(wù)器 和客戶端,以避免預(yù)先的對(duì)圖片的合并處理。
[0006] 第一方面,本發(fā)明實(shí)施例提供了一種網(wǎng)頁(yè)中圖片傳輸方法,所述方法包括:
[0007] 圖片服務(wù)器接收客戶端根據(jù)網(wǎng)頁(yè)中圖片的圖片鍵值發(fā)送的圖片傳輸請(qǐng)求;
[0008] 所述圖片服務(wù)器根據(jù)所述圖片鍵值獲取對(duì)應(yīng)的圖片,并傳輸至所述客戶端,以在 所述網(wǎng)頁(yè)中顯示所述圖片。
[0009] 第二方面,本發(fā)明實(shí)施例提供了一種網(wǎng)頁(yè)中圖片傳輸方法,所述方法包括:
[0010] 網(wǎng)絡(luò)服務(wù)器將待發(fā)送給客戶端的網(wǎng)頁(yè)中的圖片標(biāo)識(shí)替換為對(duì)應(yīng)的圖片鍵值,其 中,所述網(wǎng)頁(yè)中包括至少兩個(gè)圖片;
[0011] 所述網(wǎng)絡(luò)服務(wù)器將替換后的網(wǎng)頁(yè)以及所述圖片鍵值傳輸至所述客戶端,以指示所 述客戶端根據(jù)所述至少兩個(gè)圖片鍵值,發(fā)起合并獲取所述圖片的請(qǐng)求。
[0012] 第三方面,本發(fā)明實(shí)施例提供了一種網(wǎng)頁(yè)中圖片傳輸方法,所述方法包括:
[0013] 客戶端接收網(wǎng)絡(luò)服務(wù)器發(fā)送的網(wǎng)頁(yè),其中,所述網(wǎng)頁(yè)中包括至少兩個(gè)圖片;
[0014] 所述客戶端根據(jù)網(wǎng)頁(yè)中至少兩個(gè)圖片的圖片鍵值,向圖片服務(wù)器發(fā)送圖片傳輸請(qǐng) 求;
[0015] 所述客戶端從所述圖片服務(wù)器接收所述至少兩個(gè)圖片,且將所述圖片在所述網(wǎng)頁(yè) 中進(jìn)行顯示。
[0016] 第四方面,本發(fā)明實(shí)施例提供了一種圖片服務(wù)器,所述圖片服務(wù)器包括:
[0017] 請(qǐng)求接收模塊,用于接收客戶端根據(jù)網(wǎng)頁(yè)中圖片的圖片鍵值發(fā)送的圖片傳輸請(qǐng) 求;
[0018] 圖片獲取及傳輸模塊,用于根據(jù)所述圖片鍵值獲取對(duì)應(yīng)的圖片,并傳輸至所述客 戶端,以在所述網(wǎng)頁(yè)中顯示所述圖片。
[0019] 第五方面,本發(fā)明實(shí)施例提供了一種網(wǎng)頁(yè)服務(wù)器,所述網(wǎng)頁(yè)服務(wù)器包括:
[0020] 標(biāo)識(shí)替換模塊,用于將待發(fā)送給客戶端的網(wǎng)頁(yè)中的圖片標(biāo)識(shí)替換為對(duì)應(yīng)的圖片鍵 值,其中,所述網(wǎng)頁(yè)中包括至少兩個(gè)圖片;
[0021] 鍵值傳輸模塊,用于將替換后的網(wǎng)頁(yè)以及所述圖片鍵值傳輸至所述客戶端,以指 示所述客戶端根據(jù)所述至少兩個(gè)圖片鍵值,發(fā)起合并獲取所述圖片的請(qǐng)求。
[0022] 第六方面,本發(fā)明實(shí)施例提供了一種客戶端,所述客戶端包括:
[0023] 網(wǎng)頁(yè)接收模塊,用于接收網(wǎng)絡(luò)服務(wù)器發(fā)送的網(wǎng)頁(yè),其中,所述網(wǎng)頁(yè)中包括至少兩個(gè) 圖片;
[0024] 圖片請(qǐng)求模塊,用于根據(jù)網(wǎng)頁(yè)中至少兩個(gè)圖片的圖片鍵值,向圖片服務(wù)器發(fā)送圖 片傳輸請(qǐng)求;
[0025] 圖片接收模塊,用于從所述圖片服務(wù)器接收所述至少兩個(gè)圖片,且將所述圖片在 所述網(wǎng)頁(yè)中進(jìn)行顯示。
[0026] 本發(fā)明實(shí)施例提供的網(wǎng)頁(yè)中圖片傳輸方法、圖片服務(wù)器、網(wǎng)絡(luò)服務(wù)器和客戶端通 過(guò)利用網(wǎng)絡(luò)服務(wù)器將所述目標(biāo)網(wǎng)頁(yè)中的圖片標(biāo)識(shí)替換為對(duì)應(yīng)的鍵值,并將替換后的目標(biāo)網(wǎng) 頁(yè)傳輸至所述客戶端,再利用圖片服務(wù)器根據(jù)所述客戶端請(qǐng)求的鍵值獲取對(duì)應(yīng)的圖片,對(duì) 圖片進(jìn)行編碼,然后將編碼后的圖片信息合并傳輸至所述客戶端,避免了預(yù)先的對(duì)圖片的 合并處理。
【專利附圖】
【附圖說(shuō)明】
[0027] 通過(guò)閱讀參照以下附圖所作的對(duì)非限制性實(shí)施例所作的詳細(xì)描述,本發(fā)明的其它 特征、目的和優(yōu)點(diǎn)將會(huì)變得更明顯:
[0028] 圖1是本發(fā)明第一實(shí)施例提供的網(wǎng)頁(yè)中圖片傳輸方法的流程圖;
[0029] 圖2是本發(fā)明第二實(shí)施例提供的網(wǎng)頁(yè)中圖片傳輸方法的過(guò)程中圖片獲取及傳輸 的流程圖;
[0030] 圖3是本發(fā)明第三實(shí)施例提供的網(wǎng)頁(yè)中圖片傳輸方法的流程圖;
[0031] 圖4是本發(fā)明第四實(shí)施例提供的網(wǎng)頁(yè)中圖片傳輸方法的過(guò)程中標(biāo)識(shí)替換的流程 圖;
[0032] 圖5是本發(fā)明第四實(shí)施例提供的網(wǎng)頁(yè)中圖片傳輸方法的過(guò)程中鍵值替換的流程 圖;
[0033] 圖6是本發(fā)明第五實(shí)施例提供的網(wǎng)頁(yè)中圖片傳輸方法的流程圖;
[0034] 圖7是本發(fā)明第六實(shí)施例提供的圖片服務(wù)器的結(jié)構(gòu)圖;
[0035] 圖8是本發(fā)明第七實(shí)施例提供的網(wǎng)絡(luò)服務(wù)器的結(jié)構(gòu)圖;
[0036] 圖9是本發(fā)明第八實(shí)施例提供的客戶端的結(jié)構(gòu)圖。
【具體實(shí)施方式】
[0037] 下面結(jié)合附圖和實(shí)施例對(duì)本發(fā)明作進(jìn)一步的詳細(xì)說(shuō)明。可以理解的是,此處所描 述的具體實(shí)施例僅用于解釋本發(fā)明,而非對(duì)本發(fā)明的限定。另外還需要說(shuō)明的是,為了便于 描述,附圖中僅示出了與本發(fā)明相關(guān)的部分而非全部?jī)?nèi)容。
[0038] 圖1示出了本發(fā)明的第一實(shí)施例。
[0039] 圖1是本發(fā)明第一實(shí)施例提供的網(wǎng)頁(yè)中圖片傳輸方法的流程圖。所述網(wǎng)頁(yè)中圖片 傳輸方法由一臺(tái)圖片服務(wù)器執(zhí)行。所述圖片服務(wù)器是網(wǎng)站的服務(wù)端專門用于存儲(chǔ)網(wǎng)站的網(wǎng) 頁(yè)中使用到的圖片的服務(wù)器。所述圖片服務(wù)器可以是獨(dú)立于網(wǎng)站的網(wǎng)絡(luò)服務(wù)器的一臺(tái)后端 服務(wù)器,也可以集成在網(wǎng)站的網(wǎng)絡(luò)服務(wù)器中。無(wú)論是獨(dú)立部署,還是集成在其他服務(wù)器中, 所述圖片服務(wù)器都必須與互聯(lián)網(wǎng)連接。
[0040] 所述網(wǎng)頁(yè)中圖片傳輸方法包括:
[0041] S110,圖片服務(wù)器接收客戶端根據(jù)網(wǎng)頁(yè)中圖片的圖片鍵值發(fā)送的圖片傳輸請(qǐng)求。
[0042] 本發(fā)明中為了能夠減小客戶端瀏覽網(wǎng)頁(yè)時(shí)為了下載圖片而向服務(wù)器端請(qǐng)求圖片 的次數(shù),由專門的服務(wù)器負(fù)責(zé)網(wǎng)頁(yè)中所使用的所有圖片的存儲(chǔ)和下載服務(wù)。這個(gè)專門負(fù)責(zé) 網(wǎng)頁(yè)中所使用的所有圖片的存儲(chǔ)和下載服務(wù)的服務(wù)器就是圖片服務(wù)器。
[0043] 網(wǎng)絡(luò)服務(wù)器在接收到客戶端的網(wǎng)頁(yè)瀏覽請(qǐng)求后,為網(wǎng)頁(yè)中的每一張圖片生成其對(duì) 應(yīng)的鍵值,將網(wǎng)頁(yè)中圖片的統(tǒng)一資源定位符(Uniform resource locator, URL)替換成為該 圖片的鍵值,并將鍵值替換后的網(wǎng)頁(yè)提供給客戶端??蛻舳嗽诮邮盏浇?jīng)過(guò)上述替換的網(wǎng)頁(yè) 以后,依照網(wǎng)頁(yè)中圖片對(duì)應(yīng)的鍵值異步的向所述圖片服務(wù)器請(qǐng)求所述圖片。
[0044] 需要說(shuō)明的是,用戶的網(wǎng)頁(yè)瀏覽請(qǐng)求對(duì)應(yīng)的網(wǎng)頁(yè)中至少包括兩張圖片。由于所述 網(wǎng)頁(yè)中圖片傳輸方法是將網(wǎng)頁(yè)中的圖片合并起來(lái)進(jìn)行傳輸,以減少客戶端向服務(wù)端請(qǐng)求圖 片的次數(shù),所以所述網(wǎng)頁(yè)瀏覽請(qǐng)求對(duì)應(yīng)的網(wǎng)頁(yè)中包括的圖片數(shù)量越多,所述網(wǎng)頁(yè)中圖片傳 輸方法在減少客戶端的圖片請(qǐng)求次數(shù)的方面的效率越高。
[0045] 通常情況下,客戶端使用超文本傳輸協(xié)議(Hyper-text transport protocol,HTTP)向所述圖片服務(wù)器請(qǐng)求所述圖片。因此,在通常情況下,圖片服務(wù)器也通過(guò) HTTP接收客戶端根據(jù)網(wǎng)頁(yè)中圖片的圖片鍵值發(fā)送的圖片傳輸請(qǐng)求。
[0046] 示例的,所述客戶端發(fā)送的,也就是所述圖片服務(wù)器接收的圖片傳輸請(qǐng)求的報(bào)文 內(nèi)容如下:
[0047] GET/image ? imglist = 2615679309_20, 2635419648_20, 2519760316_20HTTP/1.
[0048] User-Agent:Mozilla/4. 0
[0049] Host:〈a href = "http://bl. bdstatic. com">bl. bdstatic. com〈/a>
[0050] Connection: Keep-Alive
[0051] 其中,"bl. bdstatic. com"是所述圖片服務(wù)器的域名。該域名由網(wǎng)絡(luò)服務(wù)通過(guò)在 傳輸給圖片服務(wù)器的網(wǎng)頁(yè)中進(jìn)行記錄而告知客戶端。而"GET"后面的請(qǐng)求行記錄了需要下 載的圖片的鍵值。"2615679309_20"等用逗號(hào)分隔開(kāi)的字符串是具體的需要下載的圖片的 鍵值。
[0052] S120,所述圖片服務(wù)器根據(jù)所述圖片鍵值獲取對(duì)應(yīng)的圖片,并傳輸至所述客戶端, 以在所述網(wǎng)頁(yè)中顯示所述圖片。
[0053] 所述圖片服務(wù)器在接收到客戶端發(fā)送的圖片傳輸請(qǐng)求以后,根據(jù)所述圖片鍵值恢 復(fù)所述圖片的URL,并根據(jù)所述圖片的URL通過(guò)網(wǎng)絡(luò)獲取所述圖片。在獲取到所述圖片之 后,將獲取到的圖片傳輸至所述客戶端。
[0054] 優(yōu)選的,可以采用設(shè)定的編碼算法將獲取到的圖片編碼為文本,將所述圖片對(duì)應(yīng) 的鍵值以及所述圖片編碼后的文本合并為圖片信息數(shù)組,再利用設(shè)定格式將所述圖片信息 數(shù)組傳輸至所述客戶端。其中,所述設(shè)定的編碼算法包括base64編碼算法,所述設(shè)定格式 是 Javascript 對(duì)象符號(hào)(Javascript object notation, JS0N)格式。
[0055] 本實(shí)施例通過(guò)接收客戶端根據(jù)網(wǎng)頁(yè)中圖片的圖片鍵值發(fā)送的圖片傳輸請(qǐng)求,并根 據(jù)所述圖片鍵值獲取對(duì)應(yīng)的圖片,并傳輸至所述客戶端,以在所述網(wǎng)頁(yè)中顯示所述圖片,使 得所述圖片服務(wù)器能夠根據(jù)客戶端提供的圖片鍵值獲取客戶端需要的圖片,并將獲取的圖 片提供給所述客戶端進(jìn)行顯示,從而在實(shí)現(xiàn)圖片的合并傳輸?shù)耐瑫r(shí)避免了預(yù)先的對(duì)圖片的 合并處理。
[0056] 圖2示出了本發(fā)明的第二實(shí)施例。
[0057] 圖2是本發(fā)明第二實(shí)施例提供的網(wǎng)頁(yè)中圖片傳輸方法的過(guò)程中圖片獲取及傳輸 的流程圖。參見(jiàn)圖2,所述網(wǎng)頁(yè)中圖片傳輸方法以本發(fā)明第一實(shí)施例為基礎(chǔ),進(jìn)一步的,所述 圖片服務(wù)器根據(jù)所述圖片鍵值獲取對(duì)應(yīng)的圖片,并傳輸至所述客戶端,以在所述網(wǎng)頁(yè)中顯 示所述圖片包括:
[0058] S121,所述圖片服務(wù)器根據(jù)至少兩個(gè)所述圖片的圖片鍵值獲取對(duì)應(yīng)的圖片。
[0059] 所述圖片服務(wù)器與互聯(lián)網(wǎng)連接,因此,在接收到所述圖片傳輸請(qǐng)求以后,所述圖片 服務(wù)器一旦根據(jù)所述圖片鍵值恢復(fù)所述圖片的URL,便可以通過(guò)網(wǎng)絡(luò)獲取到所述圖片本身。
[0060] 在接收到所述客戶端根據(jù)其需要顯示的網(wǎng)頁(yè)內(nèi)的圖片對(duì)應(yīng)的鍵值發(fā)送的圖片傳 輸請(qǐng)求后,所述圖片服務(wù)器根據(jù)所述圖片鍵值恢復(fù)所述圖片的URL,并根據(jù)所述圖片的URL 獲取所述圖片。
[0061] S122,所述圖片服務(wù)器利用設(shè)定編碼算法將至少兩個(gè)所述圖片編碼為文本。
[0062] 獲取到所述客戶端需要顯示的圖片以后,所述圖片服務(wù)器采用設(shè)定的編碼算法將 獲取到的至少兩個(gè)所述圖片編碼為文本。需要說(shuō)明的是,采用設(shè)定編碼算法對(duì)至少兩個(gè)所 述圖片進(jìn)行的編碼是無(wú)損編碼。也就是說(shuō),所述客戶端能夠根據(jù)編碼后的文本完整的恢復(fù) 所述圖片的信息,不會(huì)造成任何圖片信息的損失。
[0063] 優(yōu)選的,所述設(shè)定編碼算法包括base64編碼算法。
[0064] S123,所述圖片服務(wù)器將至少兩個(gè)所述圖片鍵值以及對(duì)應(yīng)圖片的編碼后文本合并 為一個(gè)圖片信息數(shù)組。
[0065] 完成對(duì)所述圖片的base64編碼以后,所述圖片服務(wù)器將至少兩個(gè)所述圖片鍵值 以及所述圖片鍵值對(duì)應(yīng)的圖片的編碼后文本組合成為一個(gè)圖片信息數(shù)組。所述圖片信息數(shù) 組由不同的圖片信息元素組成,每個(gè)圖片信息元素都包括一個(gè)圖片鍵值以及所述圖片鍵值 對(duì)應(yīng)的圖片的編碼后文本。
[0066] S124,所述圖片服務(wù)器將所述圖片信息數(shù)組以設(shè)定格式傳輸至所述客戶端。
[0067] 將所述圖片鍵值及所述圖片鍵值對(duì)應(yīng)的圖片的編碼后文本合并成為所述圖片信 息數(shù)組以后,所述圖片服務(wù)器將所述圖片信息數(shù)組以設(shè)定格式傳輸至所述客戶端。優(yōu)選的, 所述設(shè)定格式包括JS0N格式。
[0068] 本實(shí)施例通過(guò)利用圖片鍵值查詢到所述圖片,將所述圖片編碼為文本,將圖片的 鍵值以及編碼后文本合并為圖片信息數(shù)組,以及將所述圖片信息數(shù)組以設(shè)定格式傳輸至所 述客戶端,使得至少兩張圖片的內(nèi)容數(shù)據(jù)可以合并傳輸至客戶端,減少了所述客戶端在顯 示網(wǎng)頁(yè)圖片時(shí)與服務(wù)端的交互次數(shù)。
[0069] 圖3示出了本發(fā)明的第三實(shí)施例。
[0070] 圖3是本發(fā)明第三實(shí)施例提供的網(wǎng)頁(yè)中圖片傳輸方法的流程圖。所述網(wǎng)頁(yè)中圖片 傳輸方法由網(wǎng)絡(luò)服務(wù)器執(zhí)行。所述網(wǎng)絡(luò)服務(wù)器處于網(wǎng)站服務(wù)集群的前端,用于處理用戶從 客戶端發(fā)送的網(wǎng)頁(yè)瀏覽請(qǐng)求,根據(jù)所述網(wǎng)頁(yè)瀏覽請(qǐng)求動(dòng)態(tài)的生成網(wǎng)頁(yè)內(nèi)容,并將生成的網(wǎng) 頁(yè)內(nèi)容發(fā)送至客戶端進(jìn)行顯示。參見(jiàn)圖3,所述網(wǎng)頁(yè)中圖片傳輸方法包括:
[0071] S310,網(wǎng)絡(luò)服務(wù)器將待發(fā)送給客戶端的網(wǎng)頁(yè)中的圖片標(biāo)識(shí)替換為對(duì)應(yīng)的圖片鍵 值,其中,所述網(wǎng)頁(yè)中包括至少兩個(gè)圖片。
[0072] 在一般的網(wǎng)頁(yè)代碼中,在需要顯示圖片的位置上都會(huì)記錄有待顯示的圖片的圖片 標(biāo)識(shí)。所述圖片標(biāo)識(shí)包括所述待顯示的圖片的URL。網(wǎng)絡(luò)服務(wù)器在向所述客戶端發(fā)送網(wǎng)頁(yè) 之前,將網(wǎng)頁(yè)中的圖片標(biāo)識(shí)替換為圖片鍵值。只有經(jīng)過(guò)了上述替換的網(wǎng)頁(yè),所述網(wǎng)絡(luò)服務(wù)器 才能將它們傳輸至所述客戶端。
[0073] 所述圖片鍵值是根據(jù)所述圖片的文件名,或者所述圖片在所述圖片數(shù)據(jù)庫(kù)中的主 鍵值生成的值。通常情況下,所述圖片鍵值是一個(gè)字符串。并且,所述圖片鍵值能夠唯一的 標(biāo)識(shí)所述圖片。
[0074] S320,所述網(wǎng)絡(luò)服務(wù)器將替換后的網(wǎng)頁(yè)以及所述圖片鍵值傳輸至所述客戶端,以 指示所述客戶端根據(jù)所述至少兩個(gè)圖片鍵值,發(fā)起合并獲取所述圖片的請(qǐng)求。
[0075] 所述網(wǎng)絡(luò)服務(wù)器完成網(wǎng)頁(yè)上圖片標(biāo)識(shí)的替換以后,將替換以后的網(wǎng)頁(yè)以及所述圖 片鍵值傳輸至所述客戶端。所述客戶端在接收到替換的網(wǎng)頁(yè)以后,就能夠根據(jù)所述至少兩 個(gè)圖片鍵值,向所述圖片服務(wù)器發(fā)起合并獲取所述圖片的請(qǐng)求。
[0076] 優(yōu)選的,所述網(wǎng)絡(luò)服務(wù)器將替換后的網(wǎng)頁(yè)以及所述圖片鍵值傳輸至所述客戶端包 括:所述網(wǎng)絡(luò)服務(wù)器將至少兩個(gè)所述圖片鍵值以數(shù)組形式添加至所述網(wǎng)頁(yè)中。
[0077] 以數(shù)組形式將所述圖片鍵值添加至所述網(wǎng)頁(yè)中,有利于網(wǎng)頁(yè)數(shù)據(jù)的結(jié)構(gòu)化,并降 低網(wǎng)頁(yè)的傳輸數(shù)據(jù)量。
[0078] 本實(shí)施例通過(guò)將待發(fā)送給客戶端的網(wǎng)頁(yè)中的圖片標(biāo)識(shí)替換為對(duì)應(yīng)的圖片鍵值,以 及將替換后的網(wǎng)頁(yè)以及所述圖片鍵值傳輸至所述客戶端,在實(shí)現(xiàn)圖片的合并傳輸?shù)耐瑫r(shí)避 免了預(yù)先的對(duì)圖片的合并處理。
[0079] 圖4及圖5示出了本發(fā)明的第四實(shí)施例。
[0080] 圖4是本發(fā)明第四實(shí)施例提供的網(wǎng)頁(yè)中圖片傳輸方法的過(guò)程中標(biāo)識(shí)替換的流程 圖。參見(jiàn)圖4,所述網(wǎng)頁(yè)中圖片傳輸方法以本發(fā)明第三實(shí)施例為例,進(jìn)一步的,網(wǎng)絡(luò)服務(wù)器將 待發(fā)送給客戶端的網(wǎng)頁(yè)中的圖片標(biāo)識(shí)替換為對(duì)應(yīng)的圖片鍵值包括:
[0081] S311,所述網(wǎng)絡(luò)服務(wù)器依據(jù)圖片的文件名或者圖片的主鍵,生成圖片對(duì)應(yīng)的鍵值。
[0082] 所述圖片的文件名是將圖片作為文件進(jìn)行存儲(chǔ)時(shí)使用的文件名。所述圖片的主鍵 是將圖片作為數(shù)據(jù)庫(kù)條目在數(shù)據(jù)庫(kù)中進(jìn)行存儲(chǔ)中其數(shù)據(jù)庫(kù)條目使用的主鍵。
[0083] 在對(duì)網(wǎng)頁(yè)中的圖片標(biāo)識(shí)進(jìn)行替換之前,所述網(wǎng)絡(luò)服務(wù)器需要根據(jù)圖片的文件名或 者圖片的主鍵生成其對(duì)應(yīng)的鍵值。生成的圖片的鍵值是一個(gè)字符串,并且該字符串的長(zhǎng)度 不大于30個(gè)字符。優(yōu)選的,可以將圖片的文件名或者主鍵映射對(duì)一個(gè)預(yù)先設(shè)置的鍵值散列 上,來(lái)獲取圖片的鍵值。需要注意的是,無(wú)論采取何種算法生成圖片的鍵值,生成的圖片鍵 值必須與圖片唯一對(duì)應(yīng)。
[0084] S312,所述網(wǎng)絡(luò)服務(wù)器將所述網(wǎng)頁(yè)中圖片的鏈接地址替換為對(duì)應(yīng)的圖片鍵值。
[0085] 在網(wǎng)頁(yè)代碼中,一般使用圖片的鏈接地址來(lái)作為圖片的標(biāo)識(shí)。因此,可以通過(guò)將網(wǎng) 頁(yè)中圖片的鏈接地址替換為對(duì)應(yīng)的圖片鍵值來(lái)實(shí)現(xiàn)對(duì)網(wǎng)頁(yè)中圖片標(biāo)識(shí)的替換。
[0086] 圖5是本發(fā)明第四實(shí)施例提供的網(wǎng)頁(yè)中圖片傳輸方法的過(guò)程中鍵值替換的流程 圖。參見(jiàn)圖5,優(yōu)選的,所述網(wǎng)絡(luò)服務(wù)器將所述網(wǎng)頁(yè)中圖片的鏈接地址替換為對(duì)應(yīng)的圖片鍵 值包括:
[0087] S3121,所述網(wǎng)絡(luò)服務(wù)器將所述網(wǎng)頁(yè)的圖片標(biāo)簽中存儲(chǔ)圖片的鏈接地址的圖片路 徑屬性修改為文本路徑屬性。
[0088] 在所述網(wǎng)頁(yè)的超文本標(biāo)記語(yǔ)言(Hyper-text markup language, HTML)代碼中, <img>標(biāo)簽用于標(biāo)記一個(gè)圖片元素。在<img>標(biāo)簽內(nèi)部一般使用src屬性記錄<img>標(biāo)簽 所標(biāo)記的圖片的路徑屬性,因此src屬性被稱為圖片路徑屬性。
[0089] 在將網(wǎng)頁(yè)中圖片的鏈接地址替換為對(duì)應(yīng)的圖片鍵值時(shí),需要首先將<img>標(biāo)簽 中的圖片路徑屬性替換為文本路徑屬性,也就是data-src屬性。只有將src屬性替換為 data-src屬性之后,才能避免瀏覽器依照src屬性的值向所述網(wǎng)絡(luò)服務(wù)器請(qǐng)求<img>標(biāo)簽 所對(duì)應(yīng)的圖片資源。
[0090] S3122,所述網(wǎng)絡(luò)服務(wù)器在所述網(wǎng)頁(yè)的圖片標(biāo)簽中增加文本標(biāo)識(shí)屬性。
[0091] 除了將圖片標(biāo)簽中的圖片路徑屬性修改為文本路徑屬性以外,所述網(wǎng)絡(luò)服務(wù) 器還在所述網(wǎng)頁(yè)的圖片標(biāo)簽中增加文本標(biāo)識(shí)屬性。具體的,所述文本標(biāo)識(shí)屬性包括 data-base64_id 屬性。
[0092] 增加文本標(biāo)識(shí)屬性的目的在于,能夠?qū)⑺鰣D片鍵值寫(xiě)入到網(wǎng)頁(yè)中。
[0093] S3123,所述網(wǎng)絡(luò)服務(wù)器將所述圖片標(biāo)簽對(duì)應(yīng)的圖片的鍵值寫(xiě)入增加的文本標(biāo)識(shí) 屬性的字段中。
[0094] 在向網(wǎng)頁(yè)中增加了所述文本標(biāo)注屬性后,將所述圖片標(biāo)簽對(duì)應(yīng)的圖片鍵值作為所 述文本標(biāo)注屬性的取值,寫(xiě)入到所述文本標(biāo)識(shí)屬性的字段中。
[0095] 本實(shí)施例通過(guò)生成圖片對(duì)應(yīng)的鍵值,以及將所述網(wǎng)頁(yè)中圖片的鏈接地址替換為對(duì) 應(yīng)的圖片鍵值,實(shí)現(xiàn)了利用圖片鍵值對(duì)圖片標(biāo)識(shí)的替換,使得在圖片合并傳輸?shù)倪^(guò)程中使 用數(shù)據(jù)量較小的圖片鍵值來(lái)代表圖片,降低了客戶端與服務(wù)器之間的數(shù)據(jù)量。
[0096] 圖6示出了本發(fā)明的第五實(shí)施例。
[0097] 圖6是本發(fā)明第五實(shí)施例提供的網(wǎng)頁(yè)中圖片傳輸方法的流程圖。所述網(wǎng)頁(yè)中圖片 傳輸方法由安裝有瀏覽器的客戶端執(zhí)行。所述網(wǎng)頁(yè)中圖片傳輸方法包括:
[0098] S610,客戶端接收網(wǎng)絡(luò)服務(wù)器發(fā)送的網(wǎng)頁(yè),其中,所述網(wǎng)頁(yè)中包括至少兩個(gè)圖片。
[0099] 客戶端在向所述網(wǎng)絡(luò)服務(wù)器發(fā)送網(wǎng)頁(yè)請(qǐng)求以后,所述網(wǎng)絡(luò)服務(wù)器會(huì)將客戶端請(qǐng)求 的網(wǎng)頁(yè)發(fā)送給所述客戶端。此時(shí),客戶端對(duì)所述網(wǎng)絡(luò)服務(wù)器發(fā)送的網(wǎng)頁(yè)進(jìn)行接收。需要注 意的是,所述網(wǎng)絡(luò)服務(wù)器發(fā)送的,也就是所述客戶端接收的網(wǎng)頁(yè)是已經(jīng)將圖片標(biāo)識(shí)替換為 圖片鍵值的網(wǎng)頁(yè)。
[0100] 優(yōu)選的,所述客戶端接收網(wǎng)絡(luò)服務(wù)器發(fā)送的網(wǎng)頁(yè)包括:所述客戶端接收網(wǎng)絡(luò)服務(wù) 器發(fā)送的網(wǎng)頁(yè),根據(jù)所述網(wǎng)頁(yè)中圖片標(biāo)簽的屬性獲取網(wǎng)頁(yè)中攜帶的數(shù)組形式的至少兩個(gè)圖 片鍵值。
[0101] S620,所述客戶端根據(jù)網(wǎng)頁(yè)中至少兩個(gè)圖片的圖片鍵值,向圖片服務(wù)器發(fā)送圖片 傳輸請(qǐng)求。
[0102] 接收到所述網(wǎng)絡(luò)服務(wù)器傳輸?shù)木W(wǎng)頁(yè)以后,所述客戶端獲取所述網(wǎng)頁(yè)中圖片的圖片 鍵值,并根據(jù)所述圖片鍵值向所述圖片服務(wù)器發(fā)送圖片傳輸請(qǐng)求。
[0103] S630,所述客戶端從所述圖片服務(wù)器接收所述至少兩個(gè)圖片,且將所述圖片在所 述網(wǎng)頁(yè)中進(jìn)行顯示。
[0104] 所述圖片服務(wù)器接收到所述客戶端發(fā)送的圖片傳輸請(qǐng)求之后,獲取所述圖片傳輸 請(qǐng)求所要求傳輸?shù)闹辽賰蓚€(gè)圖片,將這些圖片傳輸給所述客戶端。所述客戶端接收到所述 至少兩個(gè)圖片以后,將所述圖片在網(wǎng)頁(yè)中進(jìn)行顯示。
[0105] 本實(shí)施例通過(guò)接收網(wǎng)絡(luò)服務(wù)器發(fā)送的網(wǎng)頁(yè),根據(jù)網(wǎng)頁(yè)中至少兩個(gè)圖片的圖片鍵值 向圖片服務(wù)器發(fā)送圖片傳輸請(qǐng)求,以及從所述圖片服務(wù)器接收所述至少兩個(gè)圖片,且將所 述圖片在所述網(wǎng)頁(yè)中進(jìn)行顯示,,從而在實(shí)現(xiàn)圖片的合并傳輸?shù)耐瑫r(shí)避免了預(yù)先的對(duì)圖片 的合并處理。
[0106] 圖7示出了本發(fā)明的第六實(shí)施例。
[0107] 圖7是本發(fā)明第六實(shí)施例提供的圖片服務(wù)器的結(jié)構(gòu)圖。參見(jiàn)圖7,所述圖片服務(wù)器 包括:請(qǐng)求接收模塊710以及圖片獲取及傳輸模塊720。
[0108] 所述請(qǐng)求接收模塊710用于接收客戶端根據(jù)網(wǎng)頁(yè)中圖片的圖片鍵值發(fā)送的圖片 傳輸請(qǐng)求。
[0109] 所述圖片獲取及傳輸模塊720用于根據(jù)所述圖片鍵值獲取對(duì)應(yīng)的圖片,并傳輸至 所述客戶端,以在所述網(wǎng)頁(yè)中顯示所述圖片。
[0110] 優(yōu)選的,所述圖片獲取及傳輸模塊720包括:圖片獲取單元721、圖片編碼單元 722、數(shù)組合并單元723以及數(shù)組傳輸單元724。
[0111] 所述圖片獲取單元721用于根據(jù)至少兩個(gè)所述圖片的圖片鍵值獲取對(duì)應(yīng)的圖片。
[0112] 所述圖片編碼單元722用于利用設(shè)定編碼算法將至少兩個(gè)所述圖片編碼為文本。
[0113] 所述數(shù)組合并單元723用于將至少兩個(gè)所述圖片鍵值以及對(duì)應(yīng)圖片的編碼后文 本合并為一個(gè)圖片信息數(shù)組。
[0114] 所述數(shù)組傳輸單元724用于將所述圖片信息數(shù)組以設(shè)定格式傳輸至所述客戶端。
[0115] 本實(shí)施例通過(guò)單獨(dú)部署圖片服務(wù)器,并在圖片服務(wù)器內(nèi)設(shè)置請(qǐng)求接收模塊以及圖 片獲取及傳輸模塊,避免了預(yù)先的對(duì)圖片的合并處理,使得網(wǎng)頁(yè)中圖片的獲取過(guò)程更適合 于圖片的動(dòng)態(tài)顯示。
[0116] 圖8示出了本發(fā)明的第七實(shí)施例。
[0117] 圖8是本發(fā)明第七實(shí)施例提供的網(wǎng)絡(luò)服務(wù)器的結(jié)構(gòu)圖。參見(jiàn)圖8,所述網(wǎng)絡(luò)服務(wù)器 包括:標(biāo)識(shí)替換模塊810以及鍵值傳輸模塊820。
[0118] 所述標(biāo)識(shí)替換模塊810用于將待發(fā)送給客戶端的網(wǎng)頁(yè)中的圖片標(biāo)識(shí)替換為對(duì)應(yīng) 的圖片鍵值,其中,所述網(wǎng)頁(yè)中包括至少兩個(gè)圖片。
[0119] 所述鍵值傳輸模塊820用于將替換后的網(wǎng)頁(yè)以及所述圖片鍵值傳輸至所述客戶 端,以指示所述客戶端根據(jù)所述至少兩個(gè)圖片鍵值,發(fā)起合并獲取所述圖片的請(qǐng)求。
[0120] 優(yōu)選的,所述標(biāo)識(shí)替換模塊810包括:鍵值生成單元811以及鍵值替換單元812。
[0121] 所述鍵值生成單元811用于依據(jù)圖片的文件名或者圖片的主鍵,生成圖片對(duì)應(yīng)的 鍵值。
[0122] 所述鍵值替換單元812用于將所述網(wǎng)頁(yè)中圖片的鏈接地址替換為對(duì)應(yīng)的圖片鍵 值。
[0123] 優(yōu)選的,所述鍵值替換單元812具體用于:
[0124] 將所述網(wǎng)頁(yè)的圖片標(biāo)簽中存儲(chǔ)圖片的鏈接地址的圖片路徑屬性修改為文本路徑 屬性;
[0125] 在所述網(wǎng)頁(yè)的圖片標(biāo)簽中增加文本標(biāo)識(shí)屬性;
[0126] 將所述圖片標(biāo)簽對(duì)應(yīng)的圖片的鍵值寫(xiě)入增加的文本標(biāo)識(shí)屬性的字段中。
[0127] 優(yōu)選的,所述鍵值傳輸模塊820包括:鍵值添加單元821。
[0128] 所述鍵值添加單元821用于將至少兩個(gè)所述圖片鍵值以數(shù)組形式添加至所述網(wǎng) 頁(yè)中。
[0129] 本實(shí)施例通過(guò)在網(wǎng)絡(luò)服務(wù)器內(nèi)設(shè)置請(qǐng)求標(biāo)識(shí)替換模塊以及鍵值傳輸模塊,避免了 預(yù)先的對(duì)圖片的合并處理,使得網(wǎng)頁(yè)中圖片的獲取過(guò)程更適合于圖片的動(dòng)態(tài)顯示。
[0130] 圖9示出了本發(fā)明的第八實(shí)施例。
[0131] 圖9是本發(fā)明第八實(shí)施例提供的客戶端的結(jié)構(gòu)圖。參見(jiàn)圖9,所述客戶端包括:網(wǎng) 頁(yè)接收模塊910、圖片請(qǐng)求模塊920以及圖片接收模塊930。
[0132] 所述網(wǎng)頁(yè)接收模塊910用于接收網(wǎng)絡(luò)服務(wù)器發(fā)送的網(wǎng)頁(yè),其中,所述網(wǎng)頁(yè)中包括 至少兩個(gè)圖片。
[0133] 所述圖片請(qǐng)求模塊920用于根據(jù)網(wǎng)頁(yè)中至少兩個(gè)圖片的圖片鍵值,向圖片服務(wù)器 發(fā)送圖片傳輸請(qǐng)求。
[0134] 所述圖片接收模塊930用于從所述圖片服務(wù)器接收所述至少兩個(gè)圖片,且將所述 圖片在所述網(wǎng)頁(yè)中進(jìn)行顯示。
[0135] 優(yōu)選的,所述網(wǎng)頁(yè)接收模塊910包括:鍵值獲取單元911。
[0136] 所述鍵值獲取單元911用于接收網(wǎng)絡(luò)服務(wù)器發(fā)送的網(wǎng)頁(yè),根據(jù)所述網(wǎng)頁(yè)中圖片標(biāo) 簽的屬性獲取網(wǎng)頁(yè)中攜帶的數(shù)組形式的至少兩個(gè)圖片鍵值。
[0137] 本實(shí)施例通過(guò)在客戶端內(nèi)設(shè)置網(wǎng)頁(yè)接收模塊、圖片請(qǐng)求模塊以及圖片接收模塊, 避免了預(yù)先的對(duì)圖片的合并處理,使得網(wǎng)頁(yè)中圖片的獲取過(guò)程更適合于圖片的動(dòng)態(tài)顯示。
[0138] 上述本發(fā)明實(shí)施例序號(hào)僅僅為了描述,不代表實(shí)施例的優(yōu)劣。
[0139] 本領(lǐng)域普通技術(shù)人員應(yīng)該明白,上述的本發(fā)明的各模塊或各步驟可以用通用的計(jì) 算裝置來(lái)實(shí)現(xiàn),它們可以集中在單個(gè)計(jì)算裝置上,或者分布在多個(gè)計(jì)算裝置所組成的網(wǎng)絡(luò) 上,可選地,他們可以用計(jì)算機(jī)裝置可執(zhí)行的程序代碼來(lái)實(shí)現(xiàn),從而可以將它們存儲(chǔ)在存儲(chǔ) 裝置中由計(jì)算裝置來(lái)執(zhí)行,或者將它們分別制作成各個(gè)集成電路模塊,或者將它們中的多 個(gè)模塊或步驟制作成單個(gè)集成電路模塊來(lái)實(shí)現(xiàn)。這樣,本發(fā)明不限制于任何特定的硬件和 軟件的結(jié)合。
[0140] 本說(shuō)明書(shū)中的各個(gè)實(shí)施例均采用遞進(jìn)的方式描述,每個(gè)實(shí)施例重點(diǎn)說(shuō)明的都是與 其他實(shí)施例的不同之處,各個(gè)實(shí)施例之間的相同或相似的部分互相參見(jiàn)即可。
[0141] 以上所述僅為本發(fā)明的優(yōu)選實(shí)施例,并不用于限制本發(fā)明,對(duì)于本領(lǐng)域技術(shù)人員 而言,本發(fā)明可以有各種改動(dòng)和變化。凡在本發(fā)明的精神和原理之內(nèi)所作的任何修改、等同 替換、改進(jìn)等,均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。
【權(quán)利要求】
1. 一種網(wǎng)頁(yè)中圖片傳輸方法,其特征在于,包括: 圖片服務(wù)器接收客戶端根據(jù)網(wǎng)頁(yè)中圖片的圖片鍵值發(fā)送的圖片傳輸請(qǐng)求; 所述圖片服務(wù)器根據(jù)所述圖片鍵值獲取對(duì)應(yīng)的圖片,并傳輸至所述客戶端,以在所述 網(wǎng)頁(yè)中顯示所述圖片。
2. 根據(jù)權(quán)利要求1所述的方法,其特征在于,所述圖片服務(wù)器根據(jù)所述圖片鍵值獲取 對(duì)應(yīng)的圖片,并傳輸至所述客戶端包括: 所述圖片服務(wù)器根據(jù)至少兩個(gè)所述圖片的圖片鍵值獲取對(duì)應(yīng)的圖片; 所述圖片服務(wù)器利用設(shè)定編碼算法將至少兩個(gè)所述圖片編碼為文本; 所述圖片服務(wù)器將至少兩個(gè)所述圖片鍵值以及對(duì)應(yīng)圖片的編碼后文本合并為一個(gè)圖 片信息數(shù)組; 所述圖片服務(wù)器將所述圖片信息數(shù)組以設(shè)定格式傳輸至所述客戶端。
3. -種網(wǎng)頁(yè)中圖片傳輸方法,其特征在于,包括: 網(wǎng)絡(luò)服務(wù)器將待發(fā)送給客戶端的網(wǎng)頁(yè)中的圖片標(biāo)識(shí)替換為對(duì)應(yīng)的圖片鍵值,其中,所 述網(wǎng)頁(yè)中包括至少兩個(gè)圖片; 所述網(wǎng)絡(luò)服務(wù)器將替換后的網(wǎng)頁(yè)以及所述圖片鍵值傳輸至所述客戶端,以指示所述客 戶端根據(jù)所述至少兩個(gè)圖片鍵值,發(fā)起合并獲取所述圖片的請(qǐng)求。
4. 根據(jù)權(quán)利要求3所述的方法,其特征在于,網(wǎng)絡(luò)服務(wù)器將待發(fā)送給客戶端的網(wǎng)頁(yè)中 的圖片標(biāo)識(shí)替換為對(duì)應(yīng)的圖片鍵值包括: 所述網(wǎng)絡(luò)服務(wù)器依據(jù)圖片的文件名或者圖片的主鍵,生成圖片對(duì)應(yīng)的鍵值; 所述網(wǎng)絡(luò)服務(wù)器將所述網(wǎng)頁(yè)中圖片的鏈接地址替換為對(duì)應(yīng)的圖片鍵值。
5. 根據(jù)權(quán)利要求4所述的方法,其特征在于,所述網(wǎng)絡(luò)服務(wù)器將所述網(wǎng)頁(yè)中圖片的鏈 接地址替換為對(duì)應(yīng)的圖片鍵值包括: 所述網(wǎng)絡(luò)服務(wù)器將所述網(wǎng)頁(yè)的圖片標(biāo)簽中存儲(chǔ)圖片的鏈接地址的圖片路徑屬性修改 為文本路徑屬性; 所述網(wǎng)絡(luò)服務(wù)器在所述網(wǎng)頁(yè)的圖片標(biāo)簽中增加文本標(biāo)識(shí)屬性; 所述網(wǎng)絡(luò)服務(wù)器將所述圖片標(biāo)簽對(duì)應(yīng)的圖片的鍵值寫(xiě)入增加的文本標(biāo)識(shí)屬性的字段 中。
6. 根據(jù)權(quán)利要求3-5任一所述的方法,其特征在于,所述網(wǎng)絡(luò)服務(wù)器將替換后的網(wǎng)頁(yè) 以及所述圖片鍵值傳輸至所述客戶端包括: 所述網(wǎng)絡(luò)服務(wù)器將至少兩個(gè)所述圖片鍵值以數(shù)組形式添加至所述網(wǎng)頁(yè)中。
7. -種網(wǎng)頁(yè)中圖片傳輸方法,其特征在于,包括: 客戶端接收網(wǎng)絡(luò)服務(wù)器發(fā)送的網(wǎng)頁(yè),其中,所述網(wǎng)頁(yè)中包括至少兩個(gè)圖片; 所述客戶端根據(jù)網(wǎng)頁(yè)中至少兩個(gè)圖片的圖片鍵值,向圖片服務(wù)器發(fā)送圖片傳輸請(qǐng)求; 所述客戶端從所述圖片服務(wù)器接收所述至少兩個(gè)圖片,且將所述圖片在所述網(wǎng)頁(yè)中進(jìn) 行顯示。
8. 根據(jù)權(quán)利要求7所述的方法,其特征在于,客戶端接收網(wǎng)絡(luò)服務(wù)器發(fā)送的網(wǎng)頁(yè)包括: 所述客戶端接收網(wǎng)絡(luò)服務(wù)器發(fā)送的網(wǎng)頁(yè),根據(jù)所述網(wǎng)頁(yè)中圖片標(biāo)簽的屬性獲取網(wǎng)頁(yè)中 攜帶的數(shù)組形式的至少兩個(gè)圖片鍵值。
9. 一種圖片服務(wù)器,其特征在于,包括: 請(qǐng)求接收模塊,用于接收客戶端根據(jù)網(wǎng)頁(yè)中圖片的圖片鍵值發(fā)送的圖片傳輸請(qǐng)求; 圖片獲取及傳輸模塊,用于根據(jù)所述圖片鍵值獲取對(duì)應(yīng)的圖片,并傳輸至所述客戶端, 以在所述網(wǎng)頁(yè)中顯示所述圖片。
10. 根據(jù)權(quán)利要求9所述的圖片服務(wù)器,其特征在于,所述圖片獲取及傳輸模塊包括: 圖片獲取單元,用于根據(jù)至少兩個(gè)所述圖片的圖片鍵值獲取對(duì)應(yīng)的圖片; 圖片編碼單元,用于利用設(shè)定編碼算法將至少兩個(gè)所述圖片編碼為文本; 數(shù)組合并單元,用于將至少兩個(gè)所述圖片鍵值以及對(duì)應(yīng)圖片的編碼后文本合并為一個(gè) 圖片信息數(shù)組; 數(shù)組傳輸單元,用于將所述圖片信息數(shù)組以設(shè)定格式傳輸至所述客戶端。
11. 一種網(wǎng)絡(luò)服務(wù)器,其特征在于,包括: 標(biāo)識(shí)替換模塊,用于將待發(fā)送給客戶端的網(wǎng)頁(yè)中的圖片標(biāo)識(shí)替換為對(duì)應(yīng)的圖片鍵值, 其中,所述網(wǎng)頁(yè)中包括至少兩個(gè)圖片; 鍵值傳輸模塊,用于將替換后的網(wǎng)頁(yè)以及所述圖片鍵值傳輸至所述客戶端,以指示所 述客戶端根據(jù)所述至少兩個(gè)圖片鍵值,發(fā)起合并獲取所述圖片的請(qǐng)求。
12. 根據(jù)權(quán)利要求11所述的網(wǎng)絡(luò)服務(wù)器,其特征在于,所述標(biāo)識(shí)替換模塊包括: 鍵值生成單元,用于依據(jù)圖片的文件名或者圖片的主鍵,生成圖片對(duì)應(yīng)的鍵值; 鍵值替換單元,用于將所述網(wǎng)頁(yè)中圖片的鏈接地址替換為對(duì)應(yīng)的圖片鍵值。
13. 根據(jù)權(quán)利要求12所述的網(wǎng)絡(luò)服務(wù)器,其特征在于,所述鍵值替換單元具體用于: 將所述網(wǎng)頁(yè)的圖片標(biāo)簽中存儲(chǔ)圖片的鏈接地址的圖片路徑屬性修改為文本路徑屬 性; 在所述網(wǎng)頁(yè)的圖片標(biāo)簽中增加文本標(biāo)識(shí)屬性; 將所述圖片標(biāo)簽對(duì)應(yīng)的圖片的鍵值寫(xiě)入增加的文本標(biāo)識(shí)屬性的字段中。
14. 根據(jù)權(quán)利要求11-13任一所述的網(wǎng)絡(luò)服務(wù)器,其特征在于,所述鍵值傳輸模塊包 括: 鍵值添加單元,用于將至少兩個(gè)所述圖片鍵值以數(shù)組形式添加至所述網(wǎng)頁(yè)中。
15. -種客戶端,其特征在于,包括: 網(wǎng)頁(yè)接收模塊,用于接收網(wǎng)絡(luò)服務(wù)器發(fā)送的網(wǎng)頁(yè),其中,所述網(wǎng)頁(yè)中包括至少兩個(gè)圖 片; 圖片請(qǐng)求模塊,用于根據(jù)網(wǎng)頁(yè)中至少兩個(gè)圖片的圖片鍵值,向圖片服務(wù)器發(fā)送圖片傳 輸請(qǐng)求; 圖片接收模塊,用于從所述圖片服務(wù)器接收所述至少兩個(gè)圖片,且將所述圖片在所述 網(wǎng)頁(yè)中進(jìn)行顯示。
16. 根據(jù)權(quán)利要求15所述的客戶端,其特征在于,所述網(wǎng)頁(yè)接收模塊包括: 鍵值獲取單元,用于接收網(wǎng)絡(luò)服務(wù)器發(fā)送的網(wǎng)頁(yè),根據(jù)所述網(wǎng)頁(yè)中圖片標(biāo)簽的屬性獲 取網(wǎng)頁(yè)中攜帶的數(shù)組形式的至少兩個(gè)圖片鍵值。
【文檔編號(hào)】H04L29/08GK104125273SQ201410339325
【公開(kāi)日】2014年10月29日 申請(qǐng)日期:2014年7月16日 優(yōu)先權(quán)日:2014年7月16日
【發(fā)明者】李周全, 陳懷亮 申請(qǐng)人:百度在線網(wǎng)絡(luò)技術(shù)(北京)有限公司