本申請涉及數(shù)字圖像處理技術(shù)領(lǐng)域，尤其涉及一種網(wǎng)絡(luò)圖片的加載方法、裝置和系統(tǒng)

背景技術(shù)：

隨著網(wǎng)頁技術(shù)的發(fā)展，網(wǎng)頁中所包含的信息量越來越大，圖片在網(wǎng)頁中所占的比重也越來也大，然而圖片與網(wǎng)頁中的其它文本信息相比其數(shù)據(jù)量較大，尤其是一些高質(zhì)量的大圖片。此外，用戶在使用數(shù)據(jù)流量網(wǎng)絡(luò)瀏覽圖片時，由于基站數(shù)量、終端所處位置的影響，信號強度差別較大，可能一些地方數(shù)據(jù)網(wǎng)絡(luò)信號比較強，有些地方信號就很弱?；趫D片的數(shù)據(jù)量大以及終端網(wǎng)絡(luò)速度慢的雙重制約，圖片通過網(wǎng)絡(luò)傳輸?shù)浇K端的時間通常會比較長，此時，用戶需要在頁面上等待很長時間才能看到圖片內(nèi)容。

對于商品展示頁面，頁面上的商品圖片加載速度能夠在很大程度影響用戶是否留在這個頁面繼續(xù)瀏覽，如果商品圖片不能快速展示，則很有可能會喪失潛在用戶。針對這一問題，目前一種較為常見的方法是預(yù)先加載一張與商品圖片無關(guān)的LOGO圖片，同時接收商品圖片的圖片數(shù)據(jù)，等待圖片數(shù)據(jù)接收完之后再顯示商品圖片。由于LOGO圖片與商品本身并無任何關(guān)聯(lián)，這樣會可能導(dǎo)致用戶在一個無用的頁面停留過多時間，未在商品圖片顯示之前已經(jīng)離開該頁面，同樣會加大用戶流失的機會。因此有必要提供一種網(wǎng)絡(luò)圖片的加載方法，在不改變圖片數(shù)據(jù)量大小以及網(wǎng)絡(luò)傳輸速度的前提下盡可能快速地顯示出網(wǎng)絡(luò)圖片的圖片內(nèi)容。

技術(shù)實現(xiàn)要素：

本申請實施例提供一種網(wǎng)絡(luò)圖片的加載方法、裝置和系統(tǒng)，用于提高網(wǎng)絡(luò)圖片的顯示速度。

為實現(xiàn)上述目的，本申請實施例提供一種網(wǎng)絡(luò)圖片的加載方法，所述方法包括：接收網(wǎng)絡(luò)服務(wù)器發(fā)送的網(wǎng)絡(luò)圖片的數(shù)據(jù)塊，所述網(wǎng)絡(luò)圖片包含至少兩個數(shù)據(jù)塊，所述數(shù)據(jù)塊為根據(jù)所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)生成得到的；將已接收到的數(shù)據(jù)塊還原為所述網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)；將還原的圖片數(shù)據(jù)加載到顯示頁面進行顯示。

優(yōu)選地，根據(jù)所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)生成得到數(shù)據(jù)塊，包括：將所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)進行頻譜變換；根據(jù)頻譜變換之后的頻譜數(shù)據(jù)的頻率高低形成所述數(shù)據(jù)塊，其中，不同的頻率區(qū)間對應(yīng)不同的數(shù)據(jù)塊。

優(yōu)選地，所述網(wǎng)絡(luò)圖片包含的數(shù)據(jù)塊為N塊，則所述將已接收到的數(shù)據(jù)塊還原為所述網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)，將還原的圖片數(shù)據(jù)加載到顯示頁面進行顯示，包括：當接收到第i個數(shù)據(jù)塊時，將第i個數(shù)據(jù)塊及已接收的第i個之前的數(shù)據(jù)塊還原為網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)，將還原的圖片數(shù)據(jù)加載到顯示頁面進行顯示，其中，1≤i≤N。

優(yōu)選地，所述N為3，當i為1時，第i個數(shù)據(jù)塊為低頻數(shù)據(jù)塊，當i為2時，第i個數(shù)據(jù)塊為中頻數(shù)據(jù)塊，當i為3時，第i個數(shù)據(jù)塊為高頻數(shù)據(jù)塊；則當接收到第i個數(shù)據(jù)塊時，將第i個數(shù)據(jù)塊及已接收的第i個之前的數(shù)據(jù)塊還原為網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)，將還原的圖片數(shù)據(jù)加載到顯示頁面進行顯示，具體包括：當接收到低頻數(shù)據(jù)塊時，將低頻數(shù)據(jù)塊還原為網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)，將還原的圖片數(shù)據(jù)加載到顯示頁面進行顯示；當接收到中頻數(shù)據(jù)塊時，將低頻數(shù)據(jù)塊以及中頻數(shù)據(jù)塊還原為網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)，將還原的圖片數(shù)據(jù)加載到顯示頁面進行顯示；當接收到高頻數(shù)據(jù)塊時，將低頻數(shù)據(jù)塊、中頻數(shù)據(jù)塊以及高頻數(shù)據(jù)塊還原為網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)，將還原的圖片數(shù)據(jù)加載到顯示頁面進行顯示。

優(yōu)選地，所述數(shù)據(jù)塊尾部具有結(jié)束標識，則當接收到結(jié)束標識符時，確定接收到所述數(shù)據(jù)塊。

優(yōu)選地，所述至少兩個數(shù)據(jù)塊的數(shù)量根據(jù)組成所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)的數(shù)據(jù)量確定。

為實現(xiàn)上述目的，本申請實施例提供一種網(wǎng)絡(luò)圖片的加載方法，所述方法包括：接收網(wǎng)絡(luò)服務(wù)器發(fā)送的網(wǎng)絡(luò)圖片的數(shù)據(jù)塊，所述網(wǎng)絡(luò)圖片包含至少兩個數(shù)據(jù)塊，所述數(shù)據(jù)塊是對所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)進行劃分得到的；將已接收到的數(shù)據(jù)塊確定為待加載的圖片數(shù)據(jù)；將待加載的圖片數(shù)據(jù)加載到顯示頁面進行顯示。

為實現(xiàn)上述目的，本申請實施例提供一種網(wǎng)絡(luò)圖片的加載裝置，所述裝置包括接收模塊、還原模塊和加載模塊，其中：所述接收模塊，接收網(wǎng)絡(luò)服務(wù)器發(fā)送的網(wǎng)絡(luò)圖片的數(shù)據(jù)塊，所述網(wǎng)絡(luò)圖片包含至少兩個數(shù)據(jù)塊，所述數(shù)據(jù)塊為根據(jù)所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)生成得到的；所述還原模塊，將已接收到的數(shù)據(jù)塊還原為所述網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)；所述加載模塊，將還原的圖片數(shù)據(jù)加載到顯示頁面進行顯示。

優(yōu)選地，所述接收模塊接收的所述數(shù)據(jù)塊為根據(jù)所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)生成得到，其中：所述數(shù)據(jù)塊是將所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)進行頻譜變換；根據(jù)頻譜變換之后的頻譜數(shù)據(jù)的頻率高低形成，其中，不同的頻率區(qū)間對應(yīng)不同的數(shù)據(jù)塊。

優(yōu)選地，所述網(wǎng)絡(luò)圖片包含的數(shù)據(jù)塊為N塊，則所述還原模塊將已接收到的數(shù)據(jù)塊還原為所述網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)，以及，所述加載模塊將還原的圖片數(shù)據(jù)加載到顯示頁面進行顯示，包括：當接收到第i個數(shù)據(jù)塊時，所述還原模塊將第i個數(shù)據(jù)塊及已接收的第i個之前的數(shù)據(jù)塊還原為網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)，所述加載模塊將還原的圖片數(shù)據(jù)加載到顯示頁面進行顯示，其中，1≤i≤N。

為實現(xiàn)上述目的，本申請實施例提供一種網(wǎng)絡(luò)圖片的加載系統(tǒng)，所述系統(tǒng)包括網(wǎng)絡(luò)服務(wù)器和客戶端，其中：所述網(wǎng)絡(luò)服務(wù)器，向客戶端發(fā)送網(wǎng)絡(luò)圖片的數(shù)據(jù)塊，所述網(wǎng)絡(luò)圖片包含至少兩個數(shù)據(jù)塊，所述數(shù)據(jù)塊為根據(jù)所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)生成得到的；所述客戶端將已接收到的數(shù)據(jù)塊還原為所述網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)；以及，將還原的圖片數(shù)據(jù)加載到顯示頁面進行顯示。

優(yōu)選地，所述網(wǎng)絡(luò)服務(wù)器中具體包括有數(shù)據(jù)塊生成模塊，其中，所述數(shù)據(jù)塊生成模塊，將所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)進行頻譜變換；根據(jù)頻譜變換之后的頻譜數(shù)據(jù)的頻率高低形成所述數(shù)據(jù)塊，其中，不同的頻率區(qū)間對應(yīng)不同的數(shù)據(jù)塊。

為實現(xiàn)上述目的，本申請實施例提供一種網(wǎng)絡(luò)圖片的加載裝置，所述裝置包括接收模塊、確定模塊和加載模塊，其中：所述接收模塊，接收網(wǎng)絡(luò)服務(wù)器發(fā)送的網(wǎng)絡(luò)圖片的數(shù)據(jù)塊，所述網(wǎng)絡(luò)圖片包含至少兩個數(shù)據(jù)塊，所述數(shù)據(jù)塊是對所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)進行劃分得到的；所述確定模塊，將已接收到的數(shù)據(jù)塊確定為待加載的圖片數(shù)據(jù)；所述加載模塊，將待加載的圖片數(shù)據(jù)加載到顯示頁面進行顯示。

本申請實施例采用的上述至少一個技術(shù)方案能夠達到以下有益效果：接收的網(wǎng)絡(luò)圖片的數(shù)據(jù)塊為根據(jù)網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)生成得到，網(wǎng)絡(luò)圖片包含至少兩個數(shù)據(jù)塊，因此客戶端在持續(xù)接收網(wǎng)絡(luò)服務(wù)器發(fā)送的數(shù)據(jù)塊時可以分步顯示網(wǎng)絡(luò)圖片，快速地顯示網(wǎng)絡(luò)圖片的局部圖片內(nèi)容，等所有的數(shù)據(jù)塊接收完成時再顯示完整的網(wǎng)絡(luò)圖片，從而提高了網(wǎng)絡(luò)圖片的顯示速度。

附圖說明

此處所說明的附圖用來提供對本申請的進一步理解，構(gòu)成本申請的一部分，本申請的示意性實施例及其說明用于解釋本申請，并不構(gòu)成對本申請的不當限定。在附圖中：

圖1為本申請實施例1提供的網(wǎng)絡(luò)圖片的加載方法的實現(xiàn)流程示意圖；

圖2為本申請實施例2提供的網(wǎng)絡(luò)圖片的加載方法的實施實例流程示意圖；

圖3為本申請實施例3提供的網(wǎng)絡(luò)圖片的加載系統(tǒng)的工作流程示意圖；

圖4為本申請實施例4提供的網(wǎng)絡(luò)圖片的加載方法的流程示意圖；

圖5為本申請實施例5提供的網(wǎng)絡(luò)圖片的加載裝置的結(jié)構(gòu)示意圖；

圖6為本申請實施例6提供的網(wǎng)絡(luò)圖片的加載系統(tǒng)的結(jié)構(gòu)示意圖；

圖7為本申請實施例7提供的網(wǎng)絡(luò)圖片的加載裝置的結(jié)構(gòu)示意圖。

具體實施方式

為使本申請的目的、技術(shù)方案和優(yōu)點更加清楚，下面將結(jié)合本申請具體實施例及相應(yīng)的附圖對本申請技術(shù)方案進行清楚、完整地描述。顯然，所描述的實施例僅是本申請一部分實施例，而不是全部的實施例。基于本申請中的實施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本申請保護的范圍。

如前所述，用戶在網(wǎng)頁上瀏覽網(wǎng)絡(luò)圖片(簡稱圖片)時，通常是直接從網(wǎng)站服務(wù)器接收圖片數(shù)據(jù)且接收完才顯示出來，以下實施例中提到的圖片數(shù)據(jù)可以為圖片中包含每個像素點的RGB強度及位置的相關(guān)數(shù)據(jù)。由于圖片數(shù)據(jù)大及終端網(wǎng)絡(luò)速度慢的雙重制約，通常用戶需要在頁面上等待很長時間才能看到該圖片內(nèi)容。如果在包含多個圖片的頁面中，每一個圖片都在圖片數(shù)據(jù)完全接收完之后在顯示出來，則用戶在瀏覽該包含多個圖片的頁面時，需要等待很長時間才能顯示出該圖片內(nèi)容。

實施例1

為解決上述技術(shù)問題，本申請實施例1提供一種網(wǎng)絡(luò)圖片的加載方法，用于提高網(wǎng)絡(luò)圖片的顯示速度。該方法的具體流程示意圖如圖1所示，包括下述步驟：

步驟S11：接收網(wǎng)絡(luò)服務(wù)器發(fā)送的網(wǎng)絡(luò)圖片的數(shù)據(jù)塊，所述網(wǎng)絡(luò)圖片包含至少兩個數(shù)據(jù)塊，所述數(shù)據(jù)塊為根據(jù)所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)生成得到的。

該步驟中接收的數(shù)據(jù)塊可以是對組成網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)經(jīng)過傅里葉變換、小波變換等算法運算后、對運算后的數(shù)據(jù)進行處理得到的，且數(shù)據(jù)塊的數(shù)量為至少兩個。

另外，該步驟的執(zhí)行主體可以是與上述網(wǎng)絡(luò)服務(wù)器(簡稱服務(wù)器)相對應(yīng)的客戶端，例如網(wǎng)頁瀏覽器，即時通信軟件等，如果執(zhí)行主體為網(wǎng)頁瀏覽器，在步驟S11之前當然還可以向服務(wù)器發(fā)送包含有接收數(shù)據(jù)塊的請求。此外，該步驟中提到的網(wǎng)絡(luò)圖片以及組成網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)，可以是針對網(wǎng)頁中一個待顯示的圖片而言，網(wǎng)頁中有多個待顯示的圖片時，可以對每一個待顯示的圖片分別執(zhí)行該實施例1提供的操作方法。

步驟S12：將已接收到的數(shù)據(jù)塊還原為所述網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)。

已接收到的數(shù)據(jù)塊，可以為上述至少兩個數(shù)據(jù)塊中的一個，兩個，……，或者是網(wǎng)絡(luò)圖片包含的全部的數(shù)據(jù)塊，具體地，已接收到的數(shù)據(jù)塊可以是當前時刻所有的、已經(jīng)接收到的所述網(wǎng)絡(luò)圖片的數(shù)據(jù)塊。

將已接收到的數(shù)據(jù)塊還原為所述網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)時，如果利用傅里葉變換將圖片數(shù)據(jù)變換到頻域形成頻譜數(shù)據(jù)，對頻譜數(shù)據(jù)按照頻率值的排序分割得到上述數(shù)據(jù)塊時，該步驟則可以對已接收到的單個數(shù)據(jù)塊，或者是已接收到的多個數(shù)據(jù)塊的組合進行傅里葉反變換，進而得到所述網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)。

在確定單獨的一個數(shù)據(jù)塊是否接收完成時，可以通過讀取結(jié)束標識的方法，根據(jù)讀取結(jié)果判斷接收數(shù)據(jù)塊的過程中單個數(shù)據(jù)塊是否接收完成。例如讀取到一個結(jié)束標識，表明有一個數(shù)據(jù)塊接收完成，其中所述數(shù)據(jù)塊的結(jié)束位置存在有結(jié)束標識，以便判斷數(shù)據(jù)塊是否接收完成。此外，每當接收到一個數(shù)據(jù)塊時，還可以將該數(shù)據(jù)塊緩存起來，以便后續(xù)步驟中使用到該數(shù)據(jù)塊時方便讀取。上述數(shù)據(jù)塊的總量是一定的，每個數(shù)據(jù)塊的尾部插入有結(jié)束標識，根據(jù)讀取到的結(jié)束標識的總個數(shù)還可以確定上述的至少兩個數(shù)據(jù)塊是否全部接收完成。

步驟S13：將還原的圖片數(shù)據(jù)加載到顯示頁面進行顯示。

無論是對于上述的至少兩個數(shù)據(jù)塊中的全部數(shù)據(jù)塊，還是對于單獨的一個數(shù)據(jù)塊中包含的數(shù)據(jù)而言，步驟S11的接收過程均是一個持續(xù)的過程，在該步驟中的顯示過程則體現(xiàn)為：每接收完一個數(shù)據(jù)塊，則可以表現(xiàn)為一次顯示過程的改變，直至最終接收完所有的數(shù)據(jù)塊并顯示完整的圖片內(nèi)容。例如一共有三個數(shù)據(jù)塊，接收到第一個數(shù)據(jù)塊時則可以顯示與該數(shù)據(jù)塊對應(yīng)的圖片內(nèi)容；接收到第二個數(shù)據(jù)塊時，顯示與第一數(shù)據(jù)塊和第二數(shù)據(jù)塊的組合相對應(yīng)的圖片內(nèi)容；接收到第三個數(shù)據(jù)塊時，則顯示與所有數(shù)據(jù)塊組合對應(yīng)的圖片內(nèi)容。

采用實施例1提供的該方法，接收的網(wǎng)絡(luò)圖片的數(shù)據(jù)塊為根據(jù)網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)生成得到，網(wǎng)絡(luò)圖片包含至少兩個數(shù)據(jù)塊，因此客戶端在持續(xù)接收網(wǎng)絡(luò)服務(wù)器發(fā)送的數(shù)據(jù)塊時可以分步顯示網(wǎng)絡(luò)圖片，快速地顯示網(wǎng)絡(luò)圖片的局部圖片內(nèi)容，等所有的數(shù)據(jù)塊接收完成時再顯示完整的網(wǎng)絡(luò)圖片，從而提高了網(wǎng)絡(luò)圖片的顯示速度。

采用實施例1提供的方法應(yīng)用在商品展示頁面時，由于商品的信息主要是通過圖片傳達給用戶，用戶通過瀏覽圖片而了解商品時，對于一些商品，用戶側(cè)重關(guān)心商品的外觀結(jié)構(gòu)，而這些外觀結(jié)構(gòu)通過商品圖片的大致輪廓信息即能展現(xiàn)給用戶；另外，從用戶通過圖片了解商品的角度而言，用戶會首先關(guān)心商品的大致外觀輪廓，其次才是局部的細節(jié)內(nèi)容，在這種情況下，對于實施例1中所提到的數(shù)據(jù)塊的生成過程如下：

將組成所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)進行頻譜變換后，根據(jù)頻譜變換之后的頻譜數(shù)據(jù)的頻率高低形成所述數(shù)據(jù)塊，其中，不同的頻率區(qū)間對應(yīng)不同的數(shù)據(jù)塊。此時，步驟S11中的接收數(shù)據(jù)塊的順序可以為：依次接收從小到大的所述頻率值的區(qū)間順序所對應(yīng)的數(shù)據(jù)塊。

例如網(wǎng)絡(luò)服務(wù)器利用傅里葉變換將圖片中提取出的圖片數(shù)據(jù)變換到頻域構(gòu)成頻譜數(shù)據(jù)，進而根據(jù)頻譜數(shù)據(jù)的頻率值從低到高順序?qū)㈩l譜數(shù)據(jù)分為不同的數(shù)據(jù)塊，例如分割為低頻數(shù)據(jù)塊、中頻數(shù)據(jù)塊和高頻數(shù)據(jù)塊三個數(shù)據(jù)塊，具體分割時可以采用低通濾波、高通濾波等相關(guān)技術(shù)。則客戶端在接收數(shù)據(jù)塊時，可以首先接收低頻數(shù)據(jù)塊，然后接收中頻數(shù)據(jù)塊，最后接收高頻數(shù)據(jù)塊。

此時在實施例1的步驟S12中將已接收到的數(shù)據(jù)塊還原為所述網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)時，例如數(shù)據(jù)塊為傅里葉變換之后的圖片數(shù)據(jù)分割得到，此處還原圖片數(shù)據(jù)時可以利用傅里葉反變換對已接收到的數(shù)據(jù)塊進行操作；數(shù)據(jù)塊為小波變換之后的圖片數(shù)據(jù)分割得到，此處還原圖片數(shù)據(jù)時可以利用小波變換的反變換對已接收到的數(shù)據(jù)塊進行操作。

由于低頻數(shù)據(jù)塊能夠體現(xiàn)圖片的大致輪廓信息，高頻數(shù)據(jù)塊體現(xiàn)圖片的具體細節(jié)信息以及邊緣信息，這樣在客戶端的網(wǎng)頁上則可以體現(xiàn)出首先顯示出圖片的輪廓信息，然后按照數(shù)據(jù)塊的個數(shù)分階段逐漸由模糊到清晰，最后顯示出完整的圖片信息。

通過上述方式的實現(xiàn)，由于接收完成全部的數(shù)據(jù)塊時的時間和現(xiàn)有技術(shù)中接收圖片的圖片數(shù)據(jù)時間的時間差可以忽略不計，因此在客戶端的網(wǎng)頁頁面上則體現(xiàn)為：同樣的接收時間，現(xiàn)有技術(shù)中則為上述接收時間走完之后才能顯示出圖片內(nèi)容，而采用本方案則可以逐步顯示，例如先顯示圖片的輪廓信息，逐步顯示細節(jié)信息，等全部接收完之后顯示完整的圖片內(nèi)容。

如前所述，在商品展示頁面時，由于商品的信息主要是通過商品的圖片傳達給用戶，商品的圖片的顯示速度能夠在一定程度上影響用戶是否留在這個頁面繼續(xù)瀏覽，如果商品圖片不能快速展示，很有可能會喪失潛在用戶。采用本申請實施例1提供的方法，則可以對圖片內(nèi)容逐步顯示，先顯示圖片的輪廓信息，逐步顯示細節(jié)信息，等全部接收完之后顯示完整的圖片內(nèi)容，從而提高了圖片的顯示速度，不僅提升了用戶體驗，而且在一定程度上能夠保留甚至是吸引更多的潛在客戶。

實施例1提供的網(wǎng)絡(luò)圖片的加載的方法，不僅可以利用在網(wǎng)頁上的圖片顯示，實際上，只要是具有網(wǎng)絡(luò)圖片顯示功能的應(yīng)用程序上均可，例如在即時通信的聊天窗口接收并顯示好友發(fā)送的圖片。當實施例1提供的方法利用在網(wǎng)頁上的圖片顯示時，在步驟S11之前，還可以包括以下步驟：向服務(wù)器發(fā)送包含接收數(shù)據(jù)塊的請求。

實施例1提到將已接收到的數(shù)據(jù)塊還原為所述網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)，將還原的圖片數(shù)據(jù)加載到顯示頁面進行顯示，當所述網(wǎng)絡(luò)圖片包含的數(shù)據(jù)塊為N塊，則上述步驟可以為：當接收到第i個數(shù)據(jù)塊時，將第i個數(shù)據(jù)塊及已接收的第i個之前的數(shù)據(jù)塊還原為網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)，將還原的圖片數(shù)據(jù)加載到顯示頁面進行顯示，其中，1≤i≤N。當i為1時，即接收第1個數(shù)據(jù)塊之前沒有接收有數(shù)據(jù)塊，則直接將第1個數(shù)據(jù)塊還原為網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)；當i為2時，即接收第2個數(shù)據(jù)塊之前接收有第1個數(shù)據(jù)塊，則直接將第1個數(shù)據(jù)塊和第2個數(shù)據(jù)塊的組合還原為網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)；后續(xù)接收到數(shù)據(jù)塊時以此類推，直至接收到第N個數(shù)據(jù)塊時，將第1個數(shù)據(jù)塊、第2個數(shù)據(jù)塊、……、第N個數(shù)據(jù)塊的組合還原為網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)。

實施例1提到數(shù)據(jù)塊的數(shù)量至少為兩個(包括兩個)，所述至少兩個數(shù)據(jù)塊的數(shù)量根據(jù)組成所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)的數(shù)據(jù)量確定。當然服務(wù)器中存儲有對應(yīng)的規(guī)則，例如將圖片的數(shù)據(jù)量小于1M時分為兩個數(shù)據(jù)塊，將圖片的數(shù)據(jù)量大于1M小于3M時分為三個數(shù)據(jù)塊，將圖片的數(shù)據(jù)量大于3M時分為四個數(shù)據(jù)塊等等。

實施例2

為更透切地描述本申請?zhí)峁┑木W(wǎng)絡(luò)圖片的加載方法，下面以一個具體的實施實例進行說明，如圖2所示。在實施例2的步驟執(zhí)行之前，服務(wù)器端將原始的圖片數(shù)據(jù)進行傅里葉變換，根據(jù)傅里葉變換之后的頻譜數(shù)據(jù)的頻率值的排序?qū)⑺鲱l譜數(shù)據(jù)進行分割為低頻數(shù)據(jù)塊，中頻數(shù)據(jù)塊和高頻數(shù)據(jù)塊，其中，低頻數(shù)據(jù)塊對應(yīng)低頻率的頻譜數(shù)據(jù)，中頻數(shù)據(jù)塊對應(yīng)中頻率的頻譜數(shù)據(jù)，高頻數(shù)據(jù)塊對應(yīng)于高頻率的頻譜數(shù)據(jù)。

客戶端接收數(shù)據(jù)塊的接收順序為依次接收從小到大的所述頻率值區(qū)間所對應(yīng)的數(shù)據(jù)塊，即首先接收低頻數(shù)據(jù)塊，然后接收中頻數(shù)據(jù)塊，最后接收高頻數(shù)據(jù)塊，每個數(shù)據(jù)塊的結(jié)尾都會有結(jié)束符以在接收數(shù)據(jù)塊時判斷一個數(shù)據(jù)塊是否接收完成。當服務(wù)器向客戶端發(fā)送數(shù)據(jù)塊時，客戶端將持續(xù)接收數(shù)據(jù)，并實時讀取接收到的數(shù)據(jù)。該實施例中提到的結(jié)束符的作用與實施例1中的提到的結(jié)束標識相同。

當客戶端讀取到低頻數(shù)據(jù)塊結(jié)束符后，說明低頻數(shù)據(jù)塊已經(jīng)接收完畢，從而將其緩存下來，便于與后續(xù)的中頻數(shù)據(jù)塊，高頻數(shù)據(jù)塊拼接，然后將其進行傅里葉反變換，從而還原為所述網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)，最后加載到顯示頁面進行顯示，此時只是顯示圖片內(nèi)容的大致輪廓。如果客戶端未讀取到低頻數(shù)據(jù)塊結(jié)束符，則說明低頻數(shù)據(jù)塊數(shù)據(jù)還未接收完成，此時將繼續(xù)讀取接收到的數(shù)據(jù)。

當客戶端繼續(xù)讀取到中頻數(shù)據(jù)塊結(jié)束符后，說明中頻數(shù)據(jù)塊也已經(jīng)接收完畢，從而將中頻數(shù)據(jù)塊緩存，便于與后續(xù)的高頻數(shù)據(jù)塊拼接。然后把中頻數(shù)據(jù)塊和低頻數(shù)據(jù)塊拼接后進行傅里葉反變換，加載反變換之后的數(shù)據(jù)以顯示圖片，此時顯示的圖片包含更多的圖片部分細節(jié)。

當客戶端繼續(xù)讀取到高頻數(shù)據(jù)塊結(jié)束符后，說明高頻數(shù)據(jù)塊也已經(jīng)接收完畢，這時，將低頻、中頻、高頻數(shù)據(jù)拼接后進行傅里葉反變換，最后加載反變換之后的數(shù)據(jù)形成可顯示圖片并顯示，此時則顯示完整的圖片內(nèi)容。

采用實施例2提供的該方法，客戶端在持續(xù)接收服務(wù)器發(fā)送的數(shù)據(jù)塊時可以分步加載并顯示圖片，快速地顯示圖片的輪廓信息，然后顯示圖片的部分細節(jié)信息，最后等所有的數(shù)據(jù)塊接收完成時再顯示完整圖片。

實施例3

在上述實施例2中，服務(wù)器中的原始網(wǎng)絡(luò)圖片的來源可以是由服務(wù)器利用網(wǎng)絡(luò)爬蟲在網(wǎng)絡(luò)上收集得到，也可以是由其它的客戶端上傳得到。當服務(wù)器中的圖片來源為其他客戶端上傳得到時，本申請實施例還提供一種網(wǎng)絡(luò)圖片顯示系統(tǒng)。如圖3所示，該系統(tǒng)包括有第一客戶端，第二客戶端以及服務(wù)器。該系統(tǒng)的工作原理為：

第一客戶端上傳圖片并由服務(wù)器接收，服務(wù)器對接收到的圖片進行數(shù)據(jù)提取操作，并將提取出的圖片數(shù)據(jù)進行頻譜變換，根據(jù)頻譜變換之后的頻譜數(shù)據(jù)的頻率值的排序?qū)⑺鲱l譜數(shù)據(jù)進行分割為低頻數(shù)據(jù)塊，中頻數(shù)據(jù)塊及高頻數(shù)據(jù)塊，不同的頻率區(qū)間對應(yīng)不同的數(shù)據(jù)塊，并且在每個數(shù)據(jù)塊的結(jié)尾位置插入結(jié)束符，同時將包含結(jié)束符的三個數(shù)據(jù)塊組成一個文件，等待第二客戶端請求數(shù)據(jù)。

第二客戶端向服務(wù)器請求數(shù)據(jù)時，這時服務(wù)器向第二客戶端將發(fā)送數(shù)據(jù)，此處的數(shù)據(jù)包括上述數(shù)據(jù)塊以及結(jié)束符，當?shù)诙蛻舳俗x取完畢低頻數(shù)據(jù)塊后，即將低頻數(shù)據(jù)塊緩存并反變換轉(zhuǎn)化為可顯示的圖片，此處將已接收到的數(shù)據(jù)塊還原為所述網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)的操作，即上述頻譜變換的反變換，以下類同，此時會顯示圖片的大致輪廓信息；當讀取完中頻數(shù)據(jù)塊后，將低頻與中頻數(shù)據(jù)塊拼接反變換轉(zhuǎn)化為可顯示的圖片，并緩存中頻數(shù)據(jù)塊，由于中頻數(shù)據(jù)塊包含更多的細節(jié)，所以圖片會更加清晰；當讀取完高頻數(shù)據(jù)塊后，將低頻、中頻及高頻數(shù)據(jù)塊拼接反變換轉(zhuǎn)化為可顯示的圖片并進行顯示，至此，完整圖片顯示完畢。

采用實施例3提供的該方法，第二客戶端在持續(xù)接收服務(wù)器發(fā)送的數(shù)據(jù)塊時可以分步加載并顯示圖片，快速地顯示圖片的輪廓信息，然后顯示圖片的部分細節(jié)信息，最后等所有的數(shù)據(jù)塊接收完成時再顯示完整圖片。

實施例4

基于相同的發(fā)明構(gòu)思，實施例4提供了一種網(wǎng)絡(luò)圖片的加載方法，用于提高網(wǎng)絡(luò)圖片的顯示速度，如圖4所示，該方法包括以下幾個步驟：

步驟S41：接收網(wǎng)絡(luò)服務(wù)器發(fā)送的網(wǎng)絡(luò)圖片的數(shù)據(jù)塊，所述網(wǎng)絡(luò)圖片包含至少兩個數(shù)據(jù)塊，所述數(shù)據(jù)塊是對所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)進行劃分得到的；

該實施例中的數(shù)據(jù)塊可以是直接對組成所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)進行分割得到。

例如當所述網(wǎng)絡(luò)圖片為位圖時，將位圖分割為長度與原始圖片相等，寬度為原始圖片寬度的1/N的N個子圖片，N為正整數(shù)，每一個子圖片對應(yīng)一個數(shù)據(jù)塊。

又例如，以像素為單位，尺寸為1024×768的原圖片，可以將其按左右順序均分為兩個512×768的子圖片，每一個子圖片對應(yīng)一個數(shù)據(jù)塊而將圖片數(shù)據(jù)分割為兩個數(shù)據(jù)塊，且每個數(shù)據(jù)塊分別對應(yīng)于原圖片上不同的位置的圖片內(nèi)容；或按上下左右順序分為四個512×384的子圖片，每一個子圖片對應(yīng)一個數(shù)據(jù)塊而將圖片數(shù)據(jù)分割為四個數(shù)據(jù)塊，且每個數(shù)據(jù)塊分別對應(yīng)于原圖片上不同的位置的圖片內(nèi)容。

當所述網(wǎng)絡(luò)圖片為矢量圖時，將矢量圖分割為不同的幾個子圖片，每一個子圖片對應(yīng)一個數(shù)據(jù)塊，且每個數(shù)據(jù)塊分別對應(yīng)于原圖片上不同的位置的圖片內(nèi)容。

步驟S42：將已接收到的數(shù)據(jù)塊確定為待加載的圖片數(shù)據(jù)；

步驟S41的接收過程是一個持續(xù)的過程，因此，當收完第一個數(shù)據(jù)塊，則可以將第一個數(shù)據(jù)塊確定為待加載的圖片數(shù)據(jù)；當接收完第二個數(shù)據(jù)塊，則可以將第一個數(shù)據(jù)塊和第二個數(shù)據(jù)塊組合確定為待加載的圖片數(shù)據(jù)……直至接收完網(wǎng)絡(luò)圖片包括的全部數(shù)據(jù)塊。

步驟S43：將待加載的圖片數(shù)據(jù)加載到顯示頁面進行顯示。

這樣客戶端在接收到一個數(shù)據(jù)塊時，即可顯示出包含所有接收到的數(shù)據(jù)塊的圖片內(nèi)容。在客戶端上則體現(xiàn)為，對圖塊分區(qū)域并逐步進行顯示，等所有的數(shù)據(jù)塊接收完成時顯示完整的圖片內(nèi)容。

實施例5

基于相同的發(fā)明構(gòu)思，實施例5提供了一種網(wǎng)絡(luò)圖片的加載裝置，用于提高網(wǎng)絡(luò)圖片的顯示速度。如圖5所示，該裝置包括：接收模塊51、還原模塊52和加載模塊53，其中：

所述接收模塊51，可以用于接收網(wǎng)絡(luò)服務(wù)器發(fā)送的網(wǎng)絡(luò)圖片的數(shù)據(jù)塊，所述網(wǎng)絡(luò)圖片包含至少兩個數(shù)據(jù)塊，所述數(shù)據(jù)塊為根據(jù)所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)生成得到的；

所述還原模塊52，可以用于將已接收到的數(shù)據(jù)塊還原為所述網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)；

所述加載模塊53，可以用于將還原的圖片數(shù)據(jù)加載到顯示頁面進行顯示。

采用實施例5提供的該裝置能夠達到與實施例1相同或者類似的技術(shù)效果，在此不再贅述。

另外，所述接收模塊51接收的所述數(shù)據(jù)塊為根據(jù)所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)生成得到，其中：所述數(shù)據(jù)塊是將所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)進行頻譜變換；根據(jù)頻譜變換之后的頻譜數(shù)據(jù)的頻率高低形成，其中，不同的頻率區(qū)間對應(yīng)不同的數(shù)據(jù)塊。

另外，所述網(wǎng)絡(luò)圖片包含的數(shù)據(jù)塊為N塊時，則所述還原模塊52將已接收到的數(shù)據(jù)塊還原為所述網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)，以及，所述加載模塊53將還原的圖片數(shù)據(jù)加載到顯示頁面進行顯示，包括：當接收到第i個數(shù)據(jù)塊時，所述還原模塊52將第i個數(shù)據(jù)塊及已接收的第i個之前的數(shù)據(jù)塊還原為網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)，所述加載模塊53將還原的圖片數(shù)據(jù)加載到顯示頁面進行顯示，其中，1≤i≤N。

實施例6

基于相同的發(fā)明構(gòu)思，實施例6提供了一種網(wǎng)絡(luò)圖片的加載系統(tǒng)，用于提高網(wǎng)絡(luò)圖片的顯示速度。如圖6所示，所述系統(tǒng)包括網(wǎng)絡(luò)服務(wù)器61和客戶端62，其中：

所述網(wǎng)絡(luò)服務(wù)器61，可以用于向客戶端發(fā)送網(wǎng)絡(luò)圖片的數(shù)據(jù)塊，所述網(wǎng)絡(luò)圖片包含至少兩個數(shù)據(jù)塊，所述數(shù)據(jù)塊為根據(jù)所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)生成得到的；

所述客戶端62，可以用于將已接收到的數(shù)據(jù)塊還原為所述網(wǎng)絡(luò)圖片的相應(yīng)圖片數(shù)據(jù)；以及，

將還原的圖片數(shù)據(jù)加載到顯示頁面進行顯示。

采用實施例6提供的該系統(tǒng)能夠達到與實施例3相同或者類似的技術(shù)效果，在此不再贅述。

可選地，網(wǎng)絡(luò)服務(wù)器61中具體還可以包括有數(shù)據(jù)塊生成模塊，其中，所述數(shù)據(jù)塊生成模塊，可以用于將所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)進行頻譜變換；根據(jù)頻譜變換之后的頻譜數(shù)據(jù)的頻率高低形成所述數(shù)據(jù)塊，其中，不同的頻率區(qū)間對應(yīng)不同的數(shù)據(jù)塊。

實施例7

基于相同的發(fā)明構(gòu)思，實施例7提供了一種網(wǎng)絡(luò)圖片的加載裝置，用于提高網(wǎng)絡(luò)圖片的顯示速度。如圖7所示，該裝置包括：接收模塊71、確定模塊72和加載模塊73，其中：

所述接收模塊71，可以用于接收網(wǎng)絡(luò)服務(wù)器發(fā)送的網(wǎng)絡(luò)圖片的數(shù)據(jù)塊，所述網(wǎng)絡(luò)圖片包含至少兩個數(shù)據(jù)塊，所述數(shù)據(jù)塊是對所述網(wǎng)絡(luò)圖片的圖片數(shù)據(jù)進行劃分得到的；

所述確定模塊72，可以用于將已接收到的數(shù)據(jù)塊確定為待加載的圖片數(shù)據(jù)；

所述加載模塊73，可以用于將待加載的圖片數(shù)據(jù)加載到顯示頁面進行顯示。

采用實施例7提供的該裝置能夠達到與實施例4相同或者類似的技術(shù)效果，在此不再贅述。

本領(lǐng)域內(nèi)的技術(shù)人員應(yīng)明白，本申請的實施例可提供為方法、系統(tǒng)、或計算機程序產(chǎn)品。因此，本申請可采用完全硬件實施例、完全軟件實施例、或結(jié)合軟件和硬件方面的實施例的形式。而且，本申請可采用在一個或多個其中包含有計算機可用程序代碼的計算機可用存儲介質(zhì)(包括但不限于磁盤存儲器、CD-ROM、光學(xué)存儲器等)上實施的計算機程序產(chǎn)品的形式。

本申請是參照根據(jù)本申請實施例的方法、設(shè)備(系統(tǒng))、和計算機程序產(chǎn)品的流程圖和/或方框圖來描述的。應(yīng)理解可由計算機程序指令實現(xiàn)流程圖和/或方框圖中的每一流程和/或方框、以及流程圖和/或方框圖中的流程和/或方框的結(jié)合?？商峁┻@些計算機程序指令到通用計算機、專用計算機、嵌入式處理機或其他可編程數(shù)據(jù)處理設(shè)備的處理器以產(chǎn)生一個機器，使得通過計算機或其他可編程數(shù)據(jù)處理設(shè)備的處理器執(zhí)行的指令產(chǎn)生用于實現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能的裝置。

這些計算機程序指令也可存儲在能引導(dǎo)計算機或其他可編程數(shù)據(jù)處理設(shè)備以特定方式工作的計算機可讀存儲器中，使得存儲在該計算機可讀存儲器中的指令產(chǎn)生包括指令裝置的制造品，該指令裝置實現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能。

這些計算機程序指令也可裝載到計算機或其他可編程數(shù)據(jù)處理設(shè)備上，使得在計算機或其他可編程設(shè)備上執(zhí)行一系列操作步驟以產(chǎn)生計算機實現(xiàn)的處理，從而在計算機或其他可編程設(shè)備上執(zhí)行的指令提供用于實現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能的步驟。

在一個典型的配置中，計算設(shè)備包括一個或多個處理器(CPU)、輸入/輸出接口、網(wǎng)絡(luò)接口和內(nèi)存。

內(nèi)存可能包括計算機可讀介質(zhì)中的非永久性存儲器，隨機存取存儲器(RAM)和/或非易失性內(nèi)存等形式，如只讀存儲器(ROM)或閃存(flash RAM)。內(nèi)存是計算機可讀介質(zhì)的示例。

計算機可讀介質(zhì)包括永久性和非永久性、可移動和非可移動媒體可以由任何方法或技術(shù)來實現(xiàn)信息存儲。信息可以是計算機可讀指令、數(shù)據(jù)結(jié)構(gòu)、程序的模塊或其他數(shù)據(jù)。計算機的存儲介質(zhì)的例子包括，但不限于相變內(nèi)存(PRAM)、靜態(tài)隨機存取存儲器(SRAM)、動態(tài)隨機存取存儲器(DRAM)、其他類型的隨機存取存儲器(RAM)、只讀存儲器(ROM)、電可擦除可編程只讀存儲器(EEPROM)、快閃記憶體或其他內(nèi)存技術(shù)、只讀光盤只讀存儲器(CD-ROM)、數(shù)字多功能光盤(DVD)或其他光學(xué)存儲、磁盒式磁帶，磁帶磁磁盤存儲或其他磁性存儲設(shè)備或任何其他非傳輸介質(zhì)，可用于存儲可以被計算設(shè)備訪問的信息。按照本文中的界定，計算機可讀介質(zhì)不包括暫存電腦可讀媒體(transitory media)，如調(diào)制的數(shù)據(jù)信號和載波。

還需要說明的是，術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、商品或者設(shè)備不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、商品或者設(shè)備所固有的要素。在沒有更多限制的情況下，由語句“包括一個……”限定的要素，并不排除在包括要素的過程、方法、商品或者設(shè)備中還存在另外的相同要素。

本領(lǐng)域技術(shù)人員應(yīng)明白，本申請的實施例可提供為方法、系統(tǒng)或計算機程序產(chǎn)品。因此，本申請可采用完全硬件實施例、完全軟件實施例或結(jié)合軟件和硬件方面的實施例的形式。而且，本申請可采用在一個或多個其中包含有計算機可用程序代碼的計算機可用存儲介質(zhì)(包括但不限于磁盤存儲器、CD-ROM、光學(xué)存儲器等)上實施的計算機程序產(chǎn)品的形式。

以上僅為本申請的實施例而已，并不用于限制本申請。對于本領(lǐng)域技術(shù)人員來說，本申請可以有各種更改和變化。凡在本申請的精神和原理之內(nèi)所作的任何修改、等同替換、改進等，均應(yīng)包含在本申請的權(quán)利要求范圍之內(nèi)。