TW201743226A - 資料處理方法及裝置 - Google Patents

Abstract

本發明揭露了一種資料處理方法及裝置，由於伺服器在將網頁中的圖片切分為若干子圖片後，可將各子圖片轉化為子圖片對應的編碼，並將各編碼寫入該網頁的html代碼中，使得當終端接收到該網頁後，可以藉由運行該網頁的html代碼將各編碼對應的子圖片渲染到該網頁中，而無需針對每一個子圖片發送呼叫請求，使得終端無需多次建立通訊通道，從而使得終端在載入該網頁中的圖片時，即，保證了使用者可以快速的看到圖片的部分內容，避免使用者重複載入該網頁，又減少了終端的耗電量，提高了終端使用效率。

Description

資料處理方法及裝置

本發明關於資訊技術領域，尤其關於一種資料處理方法及裝置。

隨著資訊化社會的發展，人們越來越依賴網路，並且隨著行動智慧終端機的發展，人們更多的藉由行動智慧終端機(如，手機、平板電腦等，以下簡稱終端)來執行業務。

通常在使用終端的瀏覽器進行網頁瀏覽時，若該網頁中存在圖片，則該終端需要藉由瀏覽器運行該網頁的代碼，並載入該圖片之後才能在該網頁中顯顯示該圖片，也就是為什麼通常人們在藉由終端的瀏覽器瀏覽網頁時，先是該網頁中的文字顯顯示來，而該網頁中的圖片需要等待一段時間才能顯顯示來的原因，在使用者等待圖片顯顯示來的時間內，實際上該終端的瀏覽器是進行了該網頁中圖片的載入操作，而當在網頁中存在圖片佔用的空間很大(即，圖片很大)時，瀏覽器進行的載入操作所載入的資料量就越多，所需的時間也就越多，並且由於一個圖片是 一個整體，所以只有在將該圖片的全部資料載入完成後，該終端的瀏覽器才能相應的顯顯示該圖片。

藉由上述描述，可見終端在載入較大的圖片時耗時較長，可能導致使用者誤以為網頁載入錯誤而多次嘗試載入該網頁，進而導致網路運行壓力的增加以及終端運行壓力的增加，同時也使得使用者的網頁瀏覽體驗降低，使使用者瀏覽網頁的意願降低。

為了解決這一問題，在現有技術中，將在網頁中的圖片切分為多個佔用空間較小的子圖片，並將每一個子圖片寫入該網頁的代碼中，使得該終端的瀏覽器在打開該網頁時，無需載入完整個圖片才能顯示該圖片的內容，而是有多少子圖片載入完畢就顯示多少子圖片對應的圖片內容，即，使使用者在使用終端瀏覽網瀏覽網頁時，網頁的圖片是一部分一部分顯顯示來的(即，各子圖片陸續在該網頁中顯顯示來的)，而由於子圖片佔用空間小，所以子圖片的載入速度較快，使得使用者可以很快的看到圖片的部分內容(即，子圖片的內容)，從而避免了使用者誤認網頁載入錯誤的情況，進而避免了使用者重複載入該網頁，提高了使用者的網頁瀏覽體驗。

一般情況下，終端的瀏覽器載入該網頁中圖片的載入過程是這樣的：首先，網頁伺服器提供的該網頁的超文字標記語言(HyperText Markup Language，html)的<img>標籤中記載有該圖片的載入位址(如，伺服器位址)，當任意終端的瀏覽器載入該html網頁代碼，並運行到該 <img>標籤時，可根據該<img>標籤中記載的圖片載入位址，向與該圖片載入位址對應的伺服器發起呼叫請求，以使得該圖片載入位址對應的伺服器返回相應的資料(即，圖片)，而該瀏覽器藉由該<img>標籤將接收到的該圖片渲染到網頁中，最終使使用者看到該圖片。

另外，由於在現有技術中，為了減輕設備的運行壓力，通常網頁中的各子圖片儲存於內容分發網路(Content Delivery Network，CDN)中，即，各子圖片可以分別儲存於不同的伺服器中，所以在該網頁的html代碼的<img>標籤中記載的各子圖片的位址可以是不同伺服器的位址。

進一步的，對於終端來說每一次發起呼叫請求都是一次通訊通道建立的過程，而建立通訊通道的過程需要消耗該終端的大量電能資源(即，建立通訊通道是耗電高的操作，會導致電量消耗大大增加)，可是在現有技術中，由於通常會將網頁中的圖片切分為多個子圖片，導致終端在瀏覽該網頁時時，需要針對每一個子圖片發起一個呼叫請求，即，建立一個通訊通道，並且由於各子圖片可以分別儲存於不同伺服器中，所以該終端還可能需要分別向多個伺服器發起呼叫請求。

可見，現有技術中網頁的圖片載入方法會導致終端耗電量急劇增大，導致終端的使用時間減少，從而影響終端的使用效率。

本發明實施例提供一種資料處理方法，用於解決現有技術中，在對網頁中圖片切分為多個子圖片後，終端需要針對每一個子圖片發送呼叫請求，導致終端耗電量增加，影響終端使用效率的問題。

本發明實施例提供另一種資料處理方法，用於解決現有技術中，在對網頁中圖片切分為多個子圖片後，終端需要針對每一個子圖片發送呼叫請求，導致終端耗電量增加，影響終端使用效率的問題。

本發明實施例提供一種資料處理裝置，用於解決現有技術中，在對網頁中圖片切分為多個子圖片後，終端需要針對每一個子圖片發送呼叫請求，導致終端耗電量增加，影響終端使用效率的問題。

本發明實施例提供另一種資料處理裝置，用於解決現有技術中，在對網頁中圖片切分為多個子圖片後，終端需要針對每一個子圖片發呼叫請求，導致終端耗電量增加，影響終端使用效率的問題。

本發明實施例採用下述技術方案：一種資料處理方法，包括：接收終端發送的針對網頁的請求，其中，所述網頁中包含圖片；確定所述網頁的超文字標記語言html的代碼，其中，所述html代碼中包含每個子圖片分別對應的編碼，各子圖片是將所述圖片切分後得到的； 向所述終端發送所述html代碼，以使得所述終端在接收到所述html代碼後，根據所述html代碼中包含的各子圖片對應的編碼，顯示各子圖片。

一種資料處理方法，包括：向伺服器發送針對網頁的請求；接收伺服器返回的所述網頁的超文字標記語言html代碼，其中，所述網頁中包含圖片，所述網頁的html代碼中攜帶有由所述圖片切分得到的若干子圖片分別對應的編碼；針對每一個編碼，藉由運行所述網頁的html代碼，將該編碼對應的子圖片渲染到所述網頁中。

一種資料處理裝置，包括：接收模組，接收終端發送的針對網頁的請求，其中，所述網頁中包含圖片；確定執行模組，確定所述網頁的超文字標記語言html的代碼，其中，所述html代碼中包含每個子圖片分別對應的編碼，各子圖片是將所述圖片切分後得到的；發送模組，向所述終端發送所述html代碼，以使得所述終端在接收到所述html後，根據所述html代碼中包含的各子圖片對應的編碼，顯示各子圖片。

一種資料處理裝置，包括：發送模組，用於向伺服器發送針對網頁的請求；接收模組，接收伺服器返回的所述網頁的超文字標記語言html代碼，其中，所述網頁包含圖片，所述網頁的 html代碼中攜帶有由所述圖片切分得到的若干子圖片分別對應的編碼；渲染模組，針對每一個編碼，藉由運行所述網頁的html代碼，將該編碼對應的子圖片渲染到所述網頁中。

本發明實施例採用的上述至少一個技術方案能夠達到以下有益效果：由於伺服器在將網頁中的圖片切分為若干子圖片後，可將各子圖片轉化為子圖片對應的編碼，並將各編碼寫入該網頁的html代碼中，使得當終端接收到該網頁後，可以藉由運行該網頁的html代碼將各編碼對應的子圖片渲染到該網頁中，而無需針對每一個子圖片發送呼叫請求，使得終端無需多次建立通訊通道，從而使得終端在載入該網頁中的圖片時，即，保證了使用者可以快速的看到圖片的部分內容，避免使用者重複載入該網頁，又減少了終端的耗電量，提高了終端使用效率。

S101‧‧‧步驟

S102‧‧‧步驟

S103‧‧‧步驟

S201‧‧‧步驟

S202‧‧‧步驟

S203‧‧‧步驟

301‧‧‧接收模組

302‧‧‧確定執行模組

303‧‧‧發送模組

401‧‧‧發送模組

402‧‧‧接收模組

403‧‧‧渲染模組

此處所說明的附圖用來提供對本發明的進一步理解，構成本發明的一部分，本發明的示意性實施例及其說明用於解釋本發明，並不構成對本發明的不當限定。在附圖中：圖1是本發明實施例提供一種資料處理過程；圖2為本發明實施例提供的將圖片x切分為4個子圖片的示意圖； 圖3是本發明實施例提供一種資料處理的過程；圖4是本發明實施例提供一種資料處理裝置的結構示意圖；圖5是本發明實施例提供一種資料處理裝置的結構示意圖。

為使本發明的目的、技術方案和優點更加清楚，下面將結合本發明具體實施例及相應的附圖對本發明技術方案進行清楚、完整地描述。顯然，所描述的實施例僅是本發明一部分實施例，而不是全部的實施例。基於本發明中的實施例，本領域普通技術人員在沒有做出進步性勞動前提下所獲得的所有其他實施例，都屬於本發明保護的範圍。

以下結合附圖，詳細說明本發明各實施例提供的技術方案。

圖1為本發明實施例提供的資料處理過程，具體包括以下步驟： S101：接收終端發送的針對網頁的請求。

在現有技術中，通常情況下網頁都是由超級文字標記語言(HyperText Markup Language，html)的代碼編寫的，並且伺服器在接收到終端針對網頁的請求後，可以根據該請求向該終端返回該網頁的html代碼，以使得該終端在接收到該網頁的html代碼後，顯示該網頁。

於是，與現有技術相同，在本發明實施例中，可由伺 服器接收終端發送的針對網頁的請求。

具體的，由於該網頁中可包含圖片，所以在本發明中所述的資料具體可以是圖片對應的資料，且由於該伺服器接收的是針對網頁的請求，所以該圖片可為網頁中的圖片，即，網頁中顯示的圖片。其中，該伺服器可以是單獨的一台設備，也可是以由多台設備組成的系統，而當該伺服器是由多台設備組成的系統時，接收針對該網頁請求的設備和儲存該網頁中包含的圖片的設備可以不是同一台設備。

進一步的，由於本發明所述的資料處理方法，針對的是網頁中的圖片，所以在本發明中，該網頁可包含至少一個圖片。並且為了方便後續描述，本發明僅以該網頁中包含一個圖片為例進行說明。

例如，假設某個網站的伺服器A用於接收終端針對網頁的請求，並根據接收到的請求返回對應的網頁的html代碼，則在該伺服器A中可保存若干網頁html代碼以及各網頁中包含的各圖片。進一步假設，該伺服器A接收到終端發送的針對網頁a的請求，為了方便描述和說明，後續以該伺服器A中僅儲存網頁a的代碼，並且該網頁a中僅包含圖片x為例進行說明。

S102：確定所述網頁的超文字標記語言html的代碼。

在本發明實施例中，當接收到終端發送的針對該網頁的請求後，由於在該伺服器中儲存有各網頁的html代 碼，所以該伺服器可以根據該請求確定與該請求對應的網頁的html代碼，以便後續可以向該終端發送該網頁的html代碼。

但是，由於在該網頁中還包含圖片，所以，為了使終端載入該網頁時的資源消耗更小(即，耗電量更小)，該伺服器可以針對該網頁中的圖片進行處理，其中，由於當該伺服器是由多台設備組成的系統時，該網頁的html代碼和該網頁中的圖片可以分別由不同的設備儲存，則此時由儲存該網頁中的圖片的設備對該網頁中的圖片進行處理，後續為了方便描述統一以一個伺服器作為執行主體進行描述，也就是說，該接收到終端發送的針對網頁的請求的伺服器，既儲存了該網頁的html代碼，也儲存了該網頁中包含的圖片。

具體的，首先為了使終端在載入該網頁中的圖片時，無需將整個圖片的資料全部載入完畢後，才能在該網頁中顯示該圖片，提供該網頁的伺服器可藉由與現有技術一致的方法將該網頁中的圖片切分為若干子圖片，以便後續操作。

另外，由於圖片是無法直接寫入html的代碼中，所以該伺服器還可根據各子圖片，產生各子圖片對應的編碼，以便後續可以將各子圖片對應的編碼寫入該網頁的html代碼中。

具體的，該伺服器針對步驟S101中由該圖片切分出的每一個子圖片，根據該子圖片，藉由base64的編碼方 式，產生與該子圖片對應的base64編碼，作為該子圖片對應的編碼，並且，該子圖片與該編碼是一一對應的，即，不同的圖片藉由base64編碼的方式轉化出的編碼是不同的。

當產生各子圖片對應的編碼後，該伺服器便可將各編碼寫入該網頁的html代碼中。

具體的，該伺服器可將各編碼寫入該網頁的html代碼攜帶的指令碼語言(JavaScript，js)代碼中，即，將各子圖片對應的編碼寫入js代碼中，再將攜帶有各編碼的該js代碼寫入該網頁的html代碼中，以使得終端在接收到該網頁的html代碼後，藉由運行該網頁的html代碼中攜帶的該js代碼，可將各子圖片對應的編碼對應的子圖片渲染至網頁中。由於一般情況下網頁的html代碼在顯示圖片時，需藉由html代碼中的圖片標籤(即，<img>標籤)在網頁中顯示該圖片，所以在終端運行該js代碼時，該js代碼還可以將各編碼寫入該網頁的html代碼中的<img>標籤中，也就是說，該js代碼可用於將編碼寫入<img>標籤中。

於是，在當該伺服器將各編碼寫入該js代碼中並將該js代碼寫入該網頁的html代碼中後，便可將寫入該js代碼的該網頁的html代碼重新作為該網頁的html代碼，並可在後續步驟中發送給該終端。並且，此時該伺服器可以儲存寫入該js代碼的該網頁的html代碼，以便在後續再次接收到針對該網頁的請求時，無需再次執行對圖片的 切分、編碼、寫入代碼的步驟，減少該伺服器的運行壓力。

繼續沿用上例，該伺服器A可先將該圖片x按照該圖片x的長邊長度，將該圖片x等分的切分為4個子圖片：子圖片x1、子圖片x2、子圖片x3和子圖片x4，如圖2所示。圖2為本發明實施例提供的將圖片x切分為4個子圖片的示意圖。

之後，該伺服器A便可藉由base64的編碼方式產生每一個子圖片對應的編碼，為了方便說明，進一步假設各子圖片與編碼的對應關係如表1所示。

藉由表1可見，每一個子圖片都一一對應一個編碼，且各編碼都是不同的。

最後，當該伺服器器A產生了各子圖片對應的編碼後，該伺服器A便可按照各子圖片在該圖片x中的上下位置關係確定的排列順序，將各子圖片對應的編碼順序寫入js代碼中，並將該js代碼寫入該網頁a的html代碼中，由於各子圖片的排列順序為子圖片x1、子圖片x2、子圖片x3和子圖片x4，所以該伺服器A可各子圖片對應的編碼按照data：image/jpg；base64,/9j/4QMZRXhpZgAAAgAAAAL....1、 data：image/jpg；base64,/9j/4QMZRXhpZgAAAgAAAAL....2、data：image/jpg；base64,/9j/4QMZRXhpZgAAAgAAAAL....3和data：image/jpg；base64,/9j/4QMZRXhpZgAAAgAAAAL....4的順序寫入該網頁a的js代碼中，並將該js代碼寫入該網頁a的html代碼中。

S103：向所述終端發送所述html代碼，以使得所述終端在接收到所述html代碼後，根據所述html代碼中包含的各子圖片對應的編碼，顯示各子圖片。

在本發明實施例中，由於該伺服器是提供該網頁的伺服器，所以當該伺服器接收到終端發送的針對該網頁的請求並確定了該網頁的html代碼後，便可將該網頁的html代碼發送至該終端，使得該終端在接收到該網頁的html代碼後，可藉由運行該網頁的html代碼顯示該網頁，其中，針對每一個子圖片對應的編碼，該終端可藉由運行該網頁的html代碼中攜帶的該js代碼將該編碼寫入對應的<img>標籤中，並藉由該<img>標籤將該子圖片渲染至該網頁中，最終當各子圖片對應的編碼均渲染至該網頁中時，該終端顯示完整的該圖片。

在本發明中，當該終端向該伺服器發送針對該網頁的請求，並且該伺服器向該終端發送該網頁的html代碼時，該終端與該伺服器實際上是建立了通訊通道，並且該通訊通道用於傳輸該網頁的html代碼。

其中，由於該網頁中的圖片已經以各子圖片對應的編碼的形式，藉由該html代碼發送至該終端中，並且針對 每一個編碼，該終端藉由運行該js代碼可將該編碼寫入對應的<img>標籤中，所以該<img>標籤中並沒有子圖片的呼叫位址，於是該終端也無需再藉由該<img>標籤發送呼叫請求，即，無需建立通訊通道。也就是說，該終端無需為獲得各子圖片而建立通訊通道，從而減少了該終端發送呼叫請求的數量，於是，進一步減少了該終端的電量消耗。

繼續沿用上例，假設該伺服器A接收到某個終端發送的呼叫該網頁a的請求，則該伺服器A可將該網頁a的html代碼發送給該終端。當該終端接收到該網頁a的html代碼後，針對該網頁的html代碼中攜帶的每一個子圖片對應的編碼，該終端可以藉由運行寫入該網頁的html代碼中的該js代碼，將該編碼寫入對應的<img>標籤中，並藉由該<img>標籤最終在該終端中顯示該編碼對應的子圖片。當該子圖片x1、子圖片x2、子圖片x3和子圖片x4分別對應的各編碼均被渲染至該網頁a中時，該終端顯示完整的該圖片x。

藉由如圖1所示的資料處理方法，在將網頁中的圖片切分為若干子圖片後，藉由產生各子圖片對應的編碼，並將各編碼寫入該網頁的html代碼中的方法，使得在接收到終端針對該網頁的請求時，可將該網頁的html代碼與各子圖片對應的編碼一起發送給該終端，使得在保證該終端可以不用載入完全部圖片的資料後才顯示該圖片的同時，避免了終端為了載入各子圖片而藉由對應的<img>標 籤發送呼叫請求以及建立通訊通道的需要，進而減少了終端的電量消耗，避免了終端由於耗電量大增而減而導致使用時間少，從而影響終端的使用效率的問題。

另外，在本發明步驟S102中，並不限定僅可藉由base64的編碼方式，產生各子圖片對應的編碼，該伺服器也可採用其他的編碼方式將各子圖片轉化為對應的編碼，只要使各子圖片對應的編碼可以寫入js代碼中，並使終端藉由運行該網頁的html代碼中攜帶的該js代碼可以將各子圖片渲染至該網頁中而無需建立通訊通道即可，具體採用什麼編碼方式本發明不做具體限定。

進一步的，在本發明步驟S102中，該伺服器在對網頁中的圖片進行切分之前，還可以判斷該圖片佔用空間的大小是否達到了預設的閾值，若是，則確定該圖片較大，終端載入該圖片所需時間較長，需要將該圖片切分為若干子圖片，若否，則確定給圖片較小，無需將該圖片切分，其中，該閾值可由工作人員根據經驗設置。

更進一步的，該伺服器可以按照該圖片的長邊長度，將該圖片等分的切分為若干子圖片、可以按照該圖片的寬邊長度，將該圖片等分的切分為若干子圖片、也可以按照預設的空間量，將該圖片切分為若干子圖片(如，預設的空間量為200kb，則該伺服器可將該圖片切分為若干件大小不超過200kb的子圖片)，當然，具體如何切分圖片本發明不做具體限定。為了方便描述，以下僅以該伺服器將該圖片橫向切分為等分的若干子圖片置為例進行說明。

另外，在本發明步驟S102中，在該伺服器將各編碼寫入該網頁的html代碼中時，為了使終端在接收到該網頁的html代碼後能夠按照該圖片切分為各子圖片的順序，依次載入各子圖片，該伺服器在將該圖片切分為各子圖片後，該伺服器還可記錄各子圖片在該圖片中的位置，並確定各自圖片的排列順序，並按照該排列順序，依次將與各子圖片對應的編碼寫入該js代碼中，以便後續終端藉由運行該js代碼時，可以保證該終端可以按照該排列順序顯示各子圖片，且顯顯示的各子圖片的位置仍然是各子圖片在該圖片中的位置。

進一步的，在該伺服器記錄各子圖片的排列順序的同時，該伺服器還可以記錄各子圖片在該網頁中的位置，即，藉由該圖片在該網頁中的位置以及各子圖片在該圖片中的位置，確定各子圖片在該網頁中的位置，並將確定的各子圖片的位置寫入該js代碼中，進一步保證該網頁顯示的各子圖片的位置是正確的。

需要說明的是，如圖1所示的本發明實施例所提供方法的各步驟的執行主體均可以是同一設備，或者，該方法也可由不同設備作為執行主體。例如，步驟S101和步驟S102的執行主體可以為設備1，步驟S103的執行主體可以為設備2；又例如，步驟S101的執行主體可以為設備1，步驟S102和步驟S103的執行主體可以為設備2；等等。

基於圖1所示的資料處理過程，本發明實施例還對應 提供一種終端執行的資料處理過程如圖3所示。

圖3為本發明實施例提供的資料處理過程，具體包括以下步驟：S201：向伺服器發送針對網頁的請求。

在本發明實施例中，與現有技術一致，當使用者藉由終端瀏覽網頁時，需要先藉由該終端向提供該網頁的伺服器發送針對該網頁的請求，以便該伺服器在接收到該請求後，可以根據該請求確定該網頁的html代碼，並向該終端發送該網頁的html代碼，則該終端便可更根據接收到的該伺服器返回的該網頁的html代碼顯示該網頁。

於是，在本發明中，該終端可以向該伺服器發送針對網頁的請求。

另外，該終端可以是手機、平板電腦、筆記型電腦等設備，並且由於設備在依靠自身攜帶的電源(如，手機的電池、平板電腦的電池等)運行時，對降低電量消耗的要求更高，所以本發明中提及的終端預設是自身攜帶電源的設備，當然，本發明對此並不做具體限定，即，該終端就也可以是藉由外部電源提供電能運行的設備。

更進一步的，該終端可以藉由在該終端中安裝的瀏覽器應用，發送針對該網頁的請求以及接收返回的該網頁的html代碼，也可以藉由在該終端中安裝的具有瀏覽器核心的應用，發送針對該網頁的請求以及接收返回的該網頁的html代碼，具體該終端藉由何種應用接收該網頁的html代碼本發明並不做具體限定，為方便後續描述在本發明中 簡化終端中的應用這一環節，直接以該終端接收該網頁的html代碼進行說明和描述。

例如，假設某使用者使用自己的手機c瀏覽網頁，此時該手機c向對應的伺服器A發送呼叫網頁a的請求。

S202：接收伺服器返回的所述網頁的超文字標記語言html代碼。

在本發明實施例中，當該終端向伺服器發送針對該網頁的請求後，該終端可接收該伺服器返回的該網頁的html代碼，則該終端後續可藉由運行該網頁的html代碼在該終端中顯示該網頁，其中，該網頁中包含圖片，且該網頁的html代碼中可攜帶有由該圖片切分的得到的若干子圖片分別對應的編碼。

具體的，該網頁的html代碼中攜帶有js代碼，在該js代碼中寫入有若干子圖片對應的編碼，其中，各編碼可以是由一個圖片切分出的各子圖片分別對應的編碼，也可是由多個圖片分別切分出的多個子圖片對應的編碼，也即，該網頁的html中至少存在由一個圖片切分出的多個子圖片對應的編碼。

進一步的，若在該js代碼中存在由多個圖片切分出的多個子圖片對應的編碼，針對每一個圖片，在該js代碼中還可以記錄該圖片的圖片標識與由該圖片切分得到的各子圖片對應的編碼的對應關係，即，藉由該js代碼中記錄的該對應關係，可以以區分由不同圖片切分出的子圖片對應的編碼，如表2所示。

藉由表2可見，由於不同圖片對應不同的圖片標識，所以可以藉由該圖片標識與該子圖片對應的編碼的對應關係，確定各子圖片是由哪一個圖片切分而來的。為方便描述，後續僅以該網頁的html代碼中僅有一個圖片(如，圖片x)切分出的若干子圖片(如，子圖片x1、子圖片x2以及子圖片x3)分別對應的編碼為進行說明。繼續沿用上例，假設該伺服器A向該手機c發送網頁a的html代碼，其中該網頁a的html代碼寫入有js代碼，該js代碼中攜帶有如表2所示的若干子圖片對應的編碼。

S203：針對每一個編碼，藉由運行所述網頁的html代碼，將該編碼對應的子圖片渲染到所述網頁中。

在本發明實施例中，當該終端在接收該網頁後，便可運行該網頁的html代碼，以在該終端中顯示該網頁，而由於該網頁的html代碼中攜帶有js代碼，所以在運行該網頁的html代碼時也會運行該js代碼，於是，針對該js代碼中包含的每一個編碼，該終端可藉由運行該js代碼，將該編碼對應的子圖片渲染到該網頁中。

具體的，針對每一個編碼，由於該編碼被寫在該網頁的html代碼中的js代碼中，所以該終端可藉由運行該js代碼，建立一個對應於該編碼的<img>標籤，並將該編碼寫入該<img>標籤中，後續，再藉由該<img>標籤將該編碼對應的子圖片渲染至該網頁中。

其中，由於各編碼可以是按照排列順序依次寫入該js代碼中的，所以當該終端運行該js代碼時，該終端可按照各編碼在該js代碼中的先後順序，依次執行上述過程，即，該終端藉由運行該js代碼，在建立一個編碼對應的<img>標籤，並將該編碼寫入對應的<img>標籤中，最後藉由該<img>標籤將該編碼對應的子圖片渲染至該網頁之後，再將按照各編碼在該js代碼中的先後順序，建立下一個編碼對應的<img>標籤，並將該下一個編碼對應的子圖片渲染至該網頁中，直到該js代碼中所有編碼分別對應的子圖片均渲染至該網頁中為止，則此時，該終端中顯示由各子圖片組成的圖片。

進一步的，若在該js代碼中還記錄有各編碼對應的子圖片的位置，則該終端藉由運行該js代碼還可在該<img>標籤中寫入該子圖片的位置，以使得該終端藉由該<img>標籤將該編碼對應的子圖片渲染至該網頁中的正確位置。

繼續沿用上例，假設該網頁a的html代碼中攜帶的js代碼包含的編碼如表2所示，則該手機c在運行該網頁a的html代碼時，可藉由該js代碼建立與 data：image/jpg；base64,/9j/4QMZRXhp....1對應的<img>標籤，在該子圖片x1被渲染至該網頁a中後，再依次建立與子圖片x2以及子圖片x3對應的各子圖片編碼的<img>標籤並將該子圖片x2以及子圖片x3渲染至該網頁a中，對於該圖片y和該圖片z，同理。

若僅以子圖片x1對應的編碼進行說明，則針對該子圖片x1對應的編碼，首先該手機c建立對應的<img>標籤，並將該子圖片x1對應的編碼：data：image/jpg；base64,/9j/4QMZRXhp....1寫入該<img>標籤中，該<img>標籤的內容中具體可以為：<img width="40" height="30" src="data：image/jpg；base64,/9j/data：image/jpg；base64,/9j/4QMZRXhp....1"；style="position：absolute；left：100px；top：100px；"/>，其中，style="position：absolute；left：100px；top：100px表示該子圖片x1顯示在該網頁a中時，該子圖片x1距離該網頁a的上邊緣以及左邊緣的距離，即，該子圖片x1在該網頁a中的位置，於是藉由該<img>標籤，該手機c可以將該子圖片x1渲染至該網頁a中的指定位置。

進一步的，由於各子圖片實際上是以編碼的形式發送至該終端的，所以該終端在載入該網頁的各子圖片時，只需要藉由js代碼將各子圖片對應的編碼渲染至該網頁中即可，而無需針對每一個子圖片新建一個通訊通道、無需發送呼叫該子圖片的呼叫請求，可大大減少該終端的電量消耗。

需要說明的是，如圖3所示的本發明實施例所提供方法的各步驟的執行主體均是同一設備。

基於圖1所示的資料處理過程，本發明實施例還對應提供一種資料處理裝置，如圖4所示。

圖4是本發明實施例提供一種資料處理裝置的結構示意圖，包括：接收模組301，接收終端發送的針對網頁的請求，其中，所述網頁中包含圖片；確定執行模組302，確定所述網頁的超文字標記語言html的代碼，其中，所述html代碼中包含每個子圖片分別對應的編碼，各子圖片是將所述圖片切分後得到的；發送模組303，向所述終端發送所述html代碼，以使得所述終端在接收到所述html後，根據所述html代碼中包含的各子圖片對應的編碼，顯示各子圖片。

所述圖片的佔用空間大於預設的空間量，所述確定執行模組302，將所述圖片切分為若干子圖片，其中，每個子圖片的佔用空間均不大於所述空間量。

每個子圖片分別對應的編碼包括base64編碼。

所述確定執行模組302，確定由所述圖片切分得到的各子圖片對應的編碼，將各編碼寫入指令碼語言代碼中，其中，所述指令碼語言代碼包括JavaScript代碼，將所述指令碼語言代碼寫入所述網頁的html代碼中，將寫入所述指令碼語言代碼的html代碼重新作為所述網頁的html代碼。

所述確定執行模組302，根據各子圖片在所述圖片中的位置關係，確定所述各子圖片的排列順序，按照所述排列順序，依次將與各子圖片對應的編碼寫入所述指令碼語言代碼中。

具體的，上述如圖4所示的資料處理裝置可以位於一台設備中，也位於由多台設備組成的系統中。

基於圖3所示的資料處理過程，本發明實施例還對應提供一種資料處理裝置，如圖5所示。

圖5是本發明實施例提供一種資料處理裝置的結構示意圖，包括：發送模組401，用於向伺服器發送針對網頁的請求；接收模組402，接收伺服器返回的所述網頁的超文字標記語言html代碼，其中，所述網頁包含圖片，所述網頁的html代碼中攜帶有由所述圖片切分得到的若干子圖片分別對應的編碼；渲染模組403，針對每一個編碼，藉由運行所述網頁的html代碼，將該編碼對應的子圖片渲染到所述網頁中。

所述網頁的超文字標記語言html代碼中攜帶有指令碼語言代碼，所述指令碼語言代碼中攜帶有由所述圖片切分的到的若干子圖片分別對應的編碼，所述指令碼語言代碼包括JavaScript代碼。

所述渲染模組403，運行所述網頁的html代碼攜帶的所述指令碼語言代碼，藉由所述指令碼語言代碼，將所述 指令碼語言代碼寫入的各編碼分別對應的子圖片依次渲染到所述網頁中。

所述渲染模組403，針對每一個編碼，建立與該編碼對應的圖片標籤，將該編碼寫入建立的所述圖片標籤中，藉由所述圖片標籤，將該編碼對應的子圖片渲染到所述網頁中。

具體的，所述裝置可以位於終端中，具體可以位於手機、平板電腦、筆記型電腦以及個人電腦等終端中。

本領域內的技術人員應明白，本發明的實施例可提供為方法、系統、或電腦程式產品。因此，本發明可採用完全硬體實施例、完全軟體實施例、或結合軟體和硬體方面的實施例的形式。而且，本發明可採用在一個或多個其中包含有電腦可用程式碼的電腦可用儲存媒體(包括但不限於磁碟記憶體、CD-ROM、光學記憶體等)上實施的電腦程式產品的形式。

本發明是參照根據本發明實施例的方法、設備(系統)、和電腦程式產品的流程圖和/或方塊圖來描述的。應理解可由電腦程式指令實現流程圖和/或方塊圖中的每一流程和/或方塊、以及流程圖和/或方塊圖中的流程和/或方塊的結合。可提供這些電腦程式指令到通用電腦、專用電腦、嵌入式處理機或其他可程式設計資料處理設備的處理器以產生一個機器，使得藉由電腦或其他可程式設計資料處理設備的處理器執行的指令產生用於實現在流程圖一個流程或多個流程和/或方塊圖一個方塊或多個方塊 中指定的功能的裝置。

這些電腦程式指令也可儲存在能引導電腦或其他可程式設計資料處理設備以特定方式工作的電腦可讀記憶體中，使得儲存在該電腦可讀記憶體中的指令產生包括指令裝置的製造品，該指令裝置實現在流程圖一個流程或多個流程和/或方塊圖一個方塊或多個方塊中指定的功能。

這些電腦程式指令也可裝載到電腦或其他可程式設計資料處理設備上，使得在電腦或其他可程式設計設備上執行一系列操作步驟以產生電腦實現的處理，從而在電腦或其他可程式設計設備上執行的指令提供用於實現在流程圖一個流程或多個流程和/或方塊圖一個方塊或多個方塊中指定的功能的步驟。

在一個典型的配置中，計算設備包括一個或多個處理器(CPU)、輸入/輸出介面、網路介面和記憶體。

記憶體可能包括電腦可讀媒體中的非永久性記憶體，隨機存取記憶體(RAM)和/或非揮發性記憶體等形式，如唯讀記憶體(ROM)或快閃記憶體(flash RAM)。記憶體是電腦可讀媒體的實例。

電腦可讀媒體包括永久性和非永久性、可移動和非可移動媒體可以由任何方法或技術來實現資訊儲存。資訊可以是電腦可讀指令、資料結構、程式的模組或其他資料。電腦的儲存媒體的例子包括，但不限於相變記憶體(PRAM)、靜態隨機存取記憶體(SRAM)、動態隨機存取記憶體(DRAM)、其他類型的隨機存取記憶體(RAM)、 唯讀記憶體(ROM)、電可抹除可程式設計唯讀記憶體(EEPROM)、快閃記憶體或其他記憶體技術、唯讀光碟唯讀記憶體(CD-ROM)、數位多功能光碟(DVD)或其他光學儲存、磁盒式磁帶，磁帶磁磁片儲存或其他磁性存放裝置或任何其他非傳輸媒體，可用於儲存可以被計算設備存取的資訊。按照本文中的界定，電腦可讀媒體不包括暫存電腦可讀媒體(transitory media)，如調變的資料訊號和載波。

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

本領域技術人員應明白，本發明的實施例可提供為方法、系統或電腦程式產品。因此，本發明可採用完全硬體實施例、完全軟體實施例或結合軟體和硬體方面的實施例的形式。而且，本發明可採用在一個或多個其中包含有電腦可用程式碼的電腦可用儲存媒體(包括但不限於磁碟記憶體、CD-ROM、光學記憶體等)上實施的電腦程式產品的形式。

以上所述僅為本發明的實施例而已，並不用於限制本 發明。對於本領域技術人員來說，本發明可以有各種更改和變化。凡在本發明的精神和原理之內所作的任何修改、等同替換、改進等，均應包含在本發明的申請專利範圍之內。

Claims (18)

1. 一種資料處理方法，包括：接收終端發送的針對網頁的請求，其中，所述網頁中包含圖片；確定所述網頁的超文字標記語言html的代碼，其中，所述html代碼中包含每個子圖片分別對應的編碼，各子圖片是將所述圖片切分後得到的；向所述終端發送所述html代碼，以使得所述終端在接收到所述html代碼後，根據所述html代碼中包含的各子圖片對應的編碼，顯示各子圖片。
2. 如申請專利範圍第1項所述的方法，其中，所述圖片的佔用空間大於預設的空間量；將所述圖片切分，具體包括：將所述圖片切分為若干子圖片，其中，每個子圖片的佔用空間均不大於所述空間量。
3. 如申請專利範圍第1項所述的方法，其中，每個子圖片分別對應的編碼包括base64編碼。
4. 如申請專利範圍第1項所述的方法，其中，確定所述網頁的超文字標記語言html的代碼，具體包括：確定由所述圖片切分得到的各子圖片對應的編碼；將各編碼寫入指令碼語言代碼中，其中，所述指令碼語言代碼包括JavaScript代碼；將所述指令碼語言代碼寫入所述網頁的html代碼中； 將寫入所述指令碼語言代碼的html代碼重新作為所述網頁的html代碼。
5. 如申請專利範圍第4項所述的方法，其中，將各編碼寫入指令碼語言代碼中，具體包括：根據各子圖片在所述圖片中的位置關係，確定所述各子圖片的排列順序；按照所述排列順序，依次將與各子圖片對應的編碼寫入所述指令碼語言代碼中。
6. 一種資料處理方法，包括向伺服器發送針對網頁的請求；接收伺服器返回的所述網頁的超文字標記語言html代碼，其中，所述網頁中包含圖片，所述網頁的html代碼中攜帶有由所述圖片切分得到的若干子圖片分別對應的編碼；針對每一個編碼，藉由運行所述網頁的html代碼，將該編碼對應的子圖片渲染到所述網頁中。
7. 如申請專利範圍第6項所述的方法，其中，所述網頁的html代碼中攜帶有指令碼語言代碼，所述指令碼語言代碼中攜帶有由所述圖片切分得到的若干子圖片分別對應的編碼；所述指令碼語言代碼包括JavaScript代碼。
8. 如申請專利範圍第7項所述的方法，其中，運行所述網頁的html代碼，將該編碼對應的子圖片渲染到所述網頁中，具體包括： 運行所述網頁的html代碼攜帶的所述指令碼語言代碼；藉由所述指令碼語言代碼，將所述指令碼語言代碼寫入的各編碼分別對應的子圖片依次渲染到所述網頁中。
9. 如申請專利範圍第8項所述的方法，其中，將所述指令碼語言代碼寫入的各編碼分別對應的子圖片依次渲染到所述網頁中，具體包括：針對每一個編碼，建立與該編碼對應的圖片標籤；將該編碼寫入建立的所述圖片標籤中；藉由所述圖片標籤，將該編碼對應的子圖片渲染到所述網頁中。
10. 一種資料處理裝置，包括：接收模組，接收終端發送的針對網頁的請求，其中，所述網頁中包含圖片；確定執行模組，確定所述網頁的超文字標記語言html的代碼，其中，所述html代碼中包含每個子圖片分別對應的編碼，各子圖片是將所述圖片切分後得到的；發送模組，向所述終端發送所述html代碼，以使得所述終端在接收到所述html後，根據所述html代碼中包含的各子圖片對應的編碼，顯示各子圖片。
11. 如申請專利範圍第10項所述的裝置，其中，所述圖片的佔用空間大於預設的空間量，所述確定執行模組，將所述圖片切分為若干子圖片，其中，每個子圖片的佔用空間均不大於所述空間量。
12. 如申請專利範圍第10項所述的裝置，其中，每個子圖片分別對應的編碼包括base64編碼。
13. 如申請專利範圍第10項所述的裝置，其中，所述確定執行模組，確定由所述圖片切分得到的各子圖片對應的編碼，將各編碼寫入指令碼語言代碼中，其中，所述指令碼語言代碼包括JavaScript代碼，將所述指令碼語言代碼寫入所述網頁的html代碼中，將寫入所述指令碼語言代碼的html代碼重新作為所述網頁的html代碼。
14. 如申請專利範圍第13項所述的裝置，其中，所述確定執行模組，根據各子圖片在所述圖片中的位置關係，確定所述各子圖片的排列順序，按照所述排列順序，依次將與各子圖片對應的編碼寫入所述指令碼語言代碼中。
15. 一種資料處理裝置，包括：發送模組，用於向伺服器發送針對網頁的請求；接收模組，接收伺服器返回的所述網頁的超文字標記語言html代碼，其中，所述網頁包含圖片，所述網頁的html代碼中攜帶有由所述圖片切分得到的若干子圖片分別對應的編碼；渲染模組，針對每一個編碼，藉由運行所述網頁的html代碼，將該編碼對應的子圖片渲染到所述網頁中。
16. 如申請專利範圍第15項所述的裝置，其中，所述網頁的超文字標記語言html代碼中攜帶有指令碼語言代碼，所述指令碼語言代碼中攜帶有由所述圖片切分的到 的若干子圖片分別對應的編碼，所述指令碼語言代碼包括JavaScript代碼。
17. 如申請專利範圍第16項所述的裝置，其中，所述渲染模組，運行所述網頁的html代碼攜帶的所述指令碼語言代碼，藉由所述指令碼語言代碼，將所述指令碼語言代碼寫入的各編碼分別對應的子圖片依次渲染到所述網頁中。
18. 如申請專利範圍第17項所述的裝置，其中，所述渲染模組，針對每一個編碼，建立與該編碼對應的圖片標籤，將該編碼寫入建立的所述圖片標籤中，藉由所述圖片標籤，將該編碼對應的子圖片渲染到所述網頁中。