TW201807667A - 網路圖片的載入方法、裝置和系統 - Google Patents
網路圖片的載入方法、裝置和系統 Download PDFInfo
- Publication number
- TW201807667A TW201807667A TW106119857A TW106119857A TW201807667A TW 201807667 A TW201807667 A TW 201807667A TW 106119857 A TW106119857 A TW 106119857A TW 106119857 A TW106119857 A TW 106119857A TW 201807667 A TW201807667 A TW 201807667A
- Authority
- TW
- Taiwan
- Prior art keywords
- picture
- data
- data block
- network
- received
- Prior art date
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本發明公開了一種網路圖片的載入方法,用於提高網路圖片的顯示速度,該方法包括:接收網路伺服器發送的網路圖片的資料塊,所述網路圖片包含至少兩個資料塊,所述資料塊為根據所述網路圖片的圖片資料產生得到的;將已接收到的資料塊還原為所述網路圖片的相應圖片資料;將還原的圖片資料載入到顯示頁面進行顯示。本發明還公開了一種網路圖片的載入裝置和系統、另一種網路圖片的載入方法和裝置。
Description
本發明涉及數點陣圖像處理技術領域,尤其涉及一種網路圖片的載入方法、裝置和系統。
隨著網頁技術的發展,網頁中所包含的資訊量越來越大,圖片在網頁中所占的比重也越來也大,然而圖片與網頁中的其它文本資訊相比其資料量較大,尤其是一些高畫質的大圖片。此外,用戶在使用資料流量網路瀏覽圖片時,由於基地台數量、終端所處位置的影響,信號強度差別較大,可能一些地方資料網路信號比較強,有些地方信號就很弱。基於圖片的資料量大以及終端網路速度慢的雙重制約,圖片透過網路傳輸到終端的時間通常會比較長,此時,用戶需要在頁面上等待很長時間才能看到圖片內容。
對於商品展示頁面,頁面上的商品圖片載入速度能夠在很大程度影響用戶是否留在這個頁面繼續瀏覽,如果商品圖片不能快速展示,則很有可能會喪失潛在用戶。針對這一問題,目前一種較為常見的方法是預先載入一張與商品圖片無關的LOGO圖片,同時接收商品圖片的圖片資
料,等待圖片資料接收完之後再顯示商品圖片。由於LOGO圖片與商品本身並無任何關聯,這樣會可能導致用戶在一個無用的頁面停留過多時間,未在商品圖片顯示之前已經離開該頁面,同樣會加大用戶流失的機會。因此有必要提供一種網路圖片的載入方法,在不改變圖片資料量大小以及網路傳輸速度的前提下盡可能快速地顯示出網路圖片的圖片內容。
本發明實施例提供一種網路圖片的載入方法、裝置和系統,用於提高網路圖片的顯示速度。
為實現上述目的,本發明實施例提供一種網路圖片的載入方法,所述方法包括:接收網路伺服器發送的網路圖片的資料塊,所述網路圖片包含至少兩個資料塊,所述資料塊為根據所述網路圖片的圖片資料產生得到的;將已接收到的資料塊還原為所述網路圖片的相應圖片資料;將還原的圖片資料載入到顯示頁面進行顯示。
優選地,根據所述網路圖片的圖片資料產生得到資料塊,包括:將所述網路圖片的圖片資料進行頻譜變換;根據頻譜變換之後的頻譜資料的頻率高低形成所述資料塊,其中,不同的頻率區間對應不同的資料塊。
優選地,所述網路圖片包含的資料塊為N塊,則所述將已接收到的資料塊還原為所述網路圖片的相應圖片資料,將還原的圖片資料載入到顯示頁面進行顯示,包括:
當接收到第i個資料塊時,將第i個資料塊及已接收的第i個之前的資料塊還原為網路圖片的相應圖片資料,將還原的圖片資料載入到顯示頁面進行顯示,其中,1iN。
優選地,所述N為3,當i為1時,第i個資料塊為低頻資料塊,當i為2時,第i個資料塊為中頻資料塊,當i為3時,第i個資料塊為高頻資料塊;則當接收到第i個資料塊時,將第i個資料塊及已接收的第i個之前的資料塊還原為網路圖片的相應圖片資料,將還原的圖片資料載入到顯示頁面進行顯示,具體包括:當接收到低頻資料塊時,將低頻資料塊還原為網路圖片的相應圖片資料,將還原的圖片資料載入到顯示頁面進行顯示;當接收到中頻資料塊時,將低頻資料塊以及中頻資料塊還原為網路圖片的相應圖片資料,將還原的圖片資料載入到顯示頁面進行顯示;當接收到高頻資料塊時,將低頻資料塊、中頻資料塊以及高頻資料塊還原為網路圖片的相應圖片資料,將還原的圖片資料載入到顯示頁面進行顯示。
優選地,所述資料塊末端具有結束標識,則當接收到結束識別碼時,確定接收到所述資料塊。
優選地,所述至少兩個資料塊的數量根據組成所述網路圖片的圖片資料的資料量確定。
為實現上述目的,本發明實施例提供一種網路圖片的載入方法,所述方法包括:接收網路伺服器發送的網路圖片的資料塊,所述網路圖片包含至少兩個資料塊,所述資料塊是對所述網路圖片的圖片資料進行劃分得到的;將已
接收到的資料塊確定為待載入的圖片資料;將待載入的圖片資料載入到顯示頁面進行顯示。
為實現上述目的,本發明實施例提供一種網路圖片的載入裝置,所述裝置包括接收模組、還原模組和載入模組,其中:所述接收模組,接收網路伺服器發送的網路圖片的資料塊,所述網路圖片包含至少兩個資料塊,所述資料塊為根據所述網路圖片的圖片資料產生得到的;所述還原模組,將已接收到的資料塊還原為所述網路圖片的相應圖片資料;所述載入模組,將還原的圖片資料載入到顯示頁面進行顯示。
優選地,所述接收模組接收的所述資料塊為根據所述網路圖片的圖片資料產生得到,其中:所述資料塊是將所述網路圖片的圖片資料進行頻譜變換;根據頻譜變換之後的頻譜資料的頻率高低形成,其中,不同的頻率區間對應不同的資料塊。
優選地,所述網路圖片包含的資料塊為N塊,則所述還原模組將已接收到的資料塊還原為所述網路圖片的相應圖片資料,以及,所述載入模組將還原的圖片資料載入到顯示頁面進行顯示,包括:當接收到第i個資料塊時,所述還原模組將第i個資料塊及已接收的第i個之前的資料塊還原為網路圖片的相應圖片資料,所述載入模組將還原的圖片資料載入到顯示頁面進行顯示,其中,1iN。
為實現上述目的,本發明實施例提供一種網路圖片的載入系統,所述系統包括網路伺服器和用戶端,其中:所
述網路伺服器,向用戶端發送網路圖片的資料塊,所述網路圖片包含至少兩個資料塊,所述資料塊為根據所述網路圖片的圖片資料產生得到的;所述用戶端將已接收到的資料塊還原為所述網路圖片的相應圖片資料;以及,將還原的圖片資料載入到顯示頁面進行顯示。
優選地,所述網路伺服器中具體包括有資料塊產生模組,其中,所述資料塊產生模組,將所述網路圖片的圖片資料進行頻譜變換;根據頻譜變換之後的頻譜資料的頻率高低形成所述資料塊,其中,不同的頻率區間對應不同的資料塊。
為實現上述目的,本發明實施例提供一種網路圖片的載入裝置,所述裝置包括接收模組、確定模組和載入模組,其中:所述接收模組,接收網路伺服器發送的網路圖片的資料塊,所述網路圖片包含至少兩個資料塊,所述資料塊是對所述網路圖片的圖片資料進行劃分得到的;所述確定模組,將已接收到的資料塊確定為待載入的圖片資料;所述載入模組,將待載入的圖片資料載入到顯示頁面進行顯示。
本發明實施例採用的上述至少一個技術方案能夠達到以下有益效果:接收的網路圖片的資料塊為根據網路圖片的圖片資料產生得到,網路圖片包含至少兩個資料塊,因此用戶端在持續接收網路伺服器發送的資料塊時可以分步顯示網路圖片,快速地顯示網路圖片的局部圖片內容,等所有的資料塊接收完成時再顯示完整的網路圖片,從而提
高了網路圖片的顯示速度。
S11~S13‧‧‧步驟
S41~S43‧‧‧步驟
51‧‧‧接收模組
52‧‧‧還原模組
53‧‧‧載入模組
61‧‧‧網路伺服器
62‧‧‧用戶端
71‧‧‧接收模組
72‧‧‧確定模組
73‧‧‧載入模組
此處所說明的圖式用來提供對本發明的進一步理解,構成本發明的一部分,本發明的示意性實施例及其說明用於解釋本發明,並不構成對本發明的不當限定。在圖式中:圖1為本發明實施例1提供的網路圖片的載入方法的實現流程示意圖;圖2為本發明實施例2提供的網路圖片的載入方法的實施實例流程示意圖;圖3為本發明實施例3提供的網路圖片的載入系統的工作流程示意圖;圖4為本發明實施例4提供的網路圖片的載入方法的流程示意圖;圖5為本發明實施例5提供的網路圖片的載入裝置的結構示意圖;圖6為本發明實施例6提供的網路圖片的載入系統的結構示意圖;圖7為本發明實施例7提供的網路圖片的載入裝置的結構示意圖。
為使本發明的目的、技術方案和優點更加清楚,下面
將結合本發明具體實施例及相應的圖式對本發明技術方案進行清楚、完整地描述。顯然,所描述的實施例僅是本發明一部分實施例,而不是全部的實施例。基於本發明中的實施例,本領域具有通常知識者在沒有做出創造性勞動前提下所獲得的所有其他實施例,都屬於本發明保護的範圍。
如前所述,用戶在網頁上瀏覽網路圖片(簡稱圖片)時,通常是直接從網站伺服器接收圖片資料且接收完才顯示出來,以下實施例中提到的圖片資料可以為圖片中包含每個像素點的RGB強度及位置的相關資料。由於圖片資料大及終端網路速度慢的雙重制約,通常用戶需要在頁面上等待很長時間才能看到該圖片內容。如果在包含多個圖片的頁面中,每一個圖片都在圖片資料完全接收完之後在顯示出來,則用戶在瀏覽該包含多個圖片的頁面時,需要等待很長時間才能顯示出該圖片內容。
實施例1
為解決上述技術問題,本發明實施例1提供一種網路圖片的載入方法,用於提高網路圖片的顯示速度。該方法的具體流程示意圖如圖1所示,包括下述步驟:
步驟S11:接收網路伺服器發送的網路圖片的資料塊,所述網路圖片包含至少兩個資料塊,所述資料塊為根據所述網路圖片的圖片資料產生得到的。
該步驟中接收的資料塊可以是對組成網路圖片的圖片
資料經過傅立葉變換、小波變換等演算法運算後、對運算後的資料進行處理得到的,且資料塊的數量為至少兩個。
另外,該步驟的執行主體可以是與上述網路伺服器(簡稱伺服器)相對應的用戶端,例如網頁瀏覽器,即時通訊軟體等,如果執行主體為網頁瀏覽器,在步驟S11之前當然還可以向伺服器發送包含有接收資料塊的請求。此外,該步驟中提到的網路圖片以及組成網路圖片的圖片資料,可以是針對網頁中一個待顯示的圖片而言,網頁中有多個待顯示的圖片時,可以對每一個待顯示的圖片分別執行該實施例1提供的操作方法。
步驟S12:將已接收到的資料塊還原為所述網路圖片的相應圖片資料。
已接收到的資料塊,可以為上述至少兩個資料塊中的一個,兩個,……,或者是網路圖片包含的全部的資料塊,具體地,已接收到的資料塊可以是當前時刻所有的、已經接收到的所述網路圖片的資料塊。
將已接收到的資料塊還原為所述網路圖片的相應圖片資料時,如果利用傅立葉變換將圖片資料變換到頻域形成頻譜資料,對頻譜資料按照頻率值的排序分割得到上述資料塊時,該步驟則可以對已接收到的單個資料塊,或者是已接收到的多個資料塊的組合進行傅立葉反變換,進而得到所述網路圖片的相應圖片資料。
在確定單獨的一個資料塊是否接收完成時,可以透過讀取結束標識的方法,根據讀取結果判斷接收資料塊的過
程中單個資料塊是否接收完成。例如讀取到一個結束標識,表明有一個資料塊接收完成,其中所述資料塊的結束位置存在有結束標識,以便判斷資料塊是否接收完成。此外,每當接收到一個資料塊時,還可以將該資料塊快取起來,以便後續步驟中使用到該資料塊時方便讀取。上述資料塊的總量是一定的,每個資料塊的末端插入有結束標識,根據讀取到的結束標識的總個數還可以確定上述的至少兩個資料塊是否全部接收完成。
步驟S13:將還原的圖片資料載入到顯示頁面進行顯示。
無論是對於上述的至少兩個資料塊中的全部資料塊,還是對於單獨的一個資料塊中包含的資料而言,步驟S11的接收過程均是一個持續的過程,在該步驟中的顯示過程則呈現為:每接收完一個資料塊,則可以表現為一次顯示過程的改變,直至最終接收完所有的資料塊並顯示完整的圖片內容。例如一共有三個資料塊,接收到第一個資料塊時則可以顯示與該資料塊對應的圖片內容;接收到第二個資料塊時,顯示與第一資料塊和第二資料塊的組合相對應的圖片內容;接收到第三個資料塊時,則顯示與所有資料塊組合對應的圖片內容。
採用實施例1提供的該方法,接收的網路圖片的資料塊為根據網路圖片的圖片資料產生得到,網路圖片包含至少兩個資料塊,因此用戶端在持續接收網路伺服器發送的資料塊時可以分步顯示網路圖片,快速地顯示網路圖片的
局部圖片內容,等所有的資料塊接收完成時再顯示完整的網路圖片,從而提高了網路圖片的顯示速度。
採用實施例1提供的方法應用在商品展示頁面時,由於商品的資訊主要是透過圖片傳達給用戶,用戶透過瀏覽圖片而瞭解商品時,對於一些商品,用戶側重關心商品的外觀結構,而這些外觀結構透過商品圖片的大致輪廓資訊即能展現給用戶;另外,從用戶透過圖片瞭解商品的角度而言,用戶會首先關心商品的大致外觀輪廓,其次才是局部的細節內容,在這種情況下,對於實施例1中所提到的資料塊的產生過程如下:
將組成所述網路圖片的圖片資料進行頻譜變換後,根據頻譜變換之後的頻譜資料的頻率高低形成所述資料塊,其中,不同的頻率區間對應不同的資料塊。此時,步驟S11中的接收資料塊的順序可以為:依次接收從小到大的所述頻率值的區間順序所對應的資料塊。
例如網路伺服器利用傅立葉變換將圖片中提取出的圖片資料變換到頻域構成頻譜資料,進而根據頻譜資料的頻率值從低到高順序將頻譜資料分為不同的資料塊,例如分割為低頻資料塊、中頻資料塊和高頻資料塊三個資料塊,具體分割時可以採用低通濾波、高通濾波等相關技術。則用戶端在接收資料塊時,可以首先接收低頻資料塊,然後接收中頻資料塊,最後接收高頻資料塊。
此時在實施例1的步驟S12中將已接收到的資料塊還原為所述網路圖片的相應圖片資料時,例如資料塊為傅立葉
變換之後的圖片資料分割得到,此處還原圖片資料時可以利用傅立葉反變換對已接收到的資料塊進行操作;資料塊為小波變換之後的圖片資料分割得到,此處還原圖片資料時可以利用小波變換的反變換對已接收到的資料塊進行操作。
由於低頻資料塊能夠呈現圖片的大致輪廓資訊,高頻資料塊呈現圖片的具體細節資訊以及邊緣資訊,這樣在用戶端的網頁上則可以呈現出首先顯示出圖片的輪廓資訊,然後按照資料塊的個數分階段逐漸由模糊到清晰,最後顯示出完整的圖片資訊。
透過上述方式的實現,由於接收完成全部的資料塊時的時間和現有技術中接收圖片的圖片資料時間的時間差可以忽略不計,因此在用戶端的網頁頁面上則呈現為:同樣的接收時間,現有技術中則為上述接收時間走完之後才能顯示出圖片內容,而採用本方案則可以逐步顯示,例如先顯示圖片的輪廓資訊,逐步顯示細節資訊,等全部接收完之後顯示完整的圖片內容。
如前所述,在商品展示頁面時,由於商品的資訊主要是透過商品的圖片傳達給用戶,商品的圖片的顯示速度能夠在一定程度上影響用戶是否留在這個頁面繼續瀏覽,如果商品圖片不能快速展示,很有可能會喪失潛在用戶。採用本發明實施例1提供的方法,則可以對圖片內容逐步顯示,先顯示圖片的輪廓資訊,逐步顯示細節資訊,等全部接收完之後顯示完整的圖片內容,從而提高了圖片的顯示
速度,不僅提升了用戶體驗,而且在一定程度上能夠保留甚至是吸引更多的潛在客戶。
實施例1提供的網路圖片的載入的方法,不僅可以利用在網頁上的圖片顯示,實際上,只要是具有網路圖片顯示功能的應用程式上均可,例如在即時通訊的聊天視窗接收並顯示好友發送的圖片。當實施例1提供的方法利用在網頁上的圖片顯示時,在步驟S11之前,還可以包括以下步驟:向伺服器發送包含接收資料塊的請求。
實施例1提到將已接收到的資料塊還原為所述網路圖片的相應圖片資料,將還原的圖片資料載入到顯示頁面進行顯示,當所述網路圖片包含的資料塊為N塊,則上述步驟可以為:當接收到第i個資料塊時,將第i個資料塊及已接收的第i個之前的資料塊還原為網路圖片的相應圖片資料,將還原的圖片資料載入到顯示頁面進行顯示,其中,1iN。當i為1時,即接收第1個資料塊之前沒有接收有資料塊,則直接將第1個資料塊還原為網路圖片的相應圖片資料;當i為2時,即接收第2個資料塊之前接收有第1個資料塊,則直接將第1個資料塊和第2個資料塊的組合還原為網路圖片的相應圖片資料;後續接收到資料塊時以此類推,直至接收到第N個資料塊時,將第1個資料塊、第2個資料塊、……、第N個資料塊的組合還原為網路圖片的相應圖片資料。
實施例1提到資料塊的數量至少為兩個(包括兩個),所述至少兩個資料塊的數量根據組成所述網路圖片
的圖片資料的資料量確定。當然伺服器中儲存有對應的規則,例如將圖片的資料量小於1M時分為兩個資料塊,將圖片的資料量大於1M小於3M時分為三個資料塊,將圖片的資料量大於3M時分為四個資料塊等等。
實施例2
為更透切地描述本發明提供的網路圖片的載入方法,下面以一個具體的實施實例進行說明,如圖2所示。在實施例2的步驟執行之前,伺服器端將原始的圖片資料進行傅立葉變換,根據傅立葉變換之後的頻譜資料的頻率值的排序將所述頻譜資料進行分割為低頻資料塊,中頻資料塊和高頻資料塊,其中,低頻資料塊對應低頻率的頻譜資料,中頻資料塊對應中頻率的頻譜資料,高頻資料塊對應於高頻率的頻譜資料。
用戶端接收資料塊的接收順序為依次接收從小到大的所述頻率值區間所對應的資料塊,即首先接收低頻資料塊,然後接收中頻資料塊,最後接收高頻資料塊,每個資料塊的結尾都會有結束符以在接收資料塊時判斷一個資料塊是否接收完成。當伺服器向用戶端發送資料塊時,用戶端將持續接收資料,並即時讀取接收到的資料。該實施例中提到的結束符的作用與實施例1中的提到的結束標識相同。
當用戶端讀取到低頻資料塊結束符後,說明低頻資料塊已經接收完畢,從而將其快取下來,便於與後續的中頻
資料塊,高頻資料塊拼接,然後將其進行傅立葉反變換,從而還原為所述網路圖片的相應圖片資料,最後載入到顯示頁面進行顯示,此時只是顯示圖片內容的大致輪廓。如果用戶端未讀取到低頻資料塊結束符,則說明低頻資料塊資料還未接收完成,此時將繼續讀取接收到的資料。
當用戶端繼續讀取到中頻資料塊結束符後,說明中頻資料塊也已經接收完畢,從而將中頻資料塊快取,便於與後續的高頻資料塊拼接。然後把中頻資料塊和低頻資料塊拼接後進行傅立葉反變換,載入反變換之後的資料以顯示圖片,此時顯示的圖片包含更多的圖片部分細節。
當用戶端繼續讀取到高頻資料塊結束符後,說明高頻資料塊也已經接收完畢,這時,將低頻、中頻、高頻資料拼接後進行傅立葉反變換,最後載入反變換之後的資料形成可顯示圖片並顯示,此時則顯示完整的圖片內容。
採用實施例2提供的該方法,用戶端在持續接收伺服器發送的資料塊時可以分步載入並顯示圖片,快速地顯示圖片的輪廓資訊,然後顯示圖片的部分細節資訊,最後等所有的資料塊接收完成時再顯示完整圖片。
實施例3
在上述實施例2中,伺服器中的原始網路圖片的來源可以是由伺服器利用網路爬蟲在網路上收集得到,也可以是由其它的用戶端上傳得到。當伺服器中的圖片來源為其他用戶端上傳得到時,本發明實施例還提供一種網路圖片
顯示系統。如圖3所示,該系統包括有第一用戶端,第二用戶端以及伺服器。該系統的工作原理為:
第一用戶端上傳圖片並由伺服器接收,伺服器對接收到的圖片進行資料提取操作,並將提取出的圖片資料進行頻譜變換,根據頻譜變換之後的頻譜資料的頻率值的排序將所述頻譜資料進行分割為低頻資料塊,中頻資料塊及高頻資料塊,不同的頻率區間對應不同的資料塊,並且在每個資料塊的結尾位置插入結束符,同時將包含結束符的三個資料塊組成一個文件,等待第二用戶端請求資料。
第二用戶端向伺服器請求資料時,這時伺服器向第二用戶端將發送資料,此處的資料包括上述資料塊以及結束符,當第二用戶端讀取完畢低頻資料塊後,即將低頻資料塊快取並反變換轉化為可顯示的圖片,此處將已接收到的資料塊還原為所述網路圖片的相應圖片資料的操作,即上述頻譜變換的反變換,以下類同,此時會顯示圖片的大致輪廓資訊;當讀取完中頻資料塊後,將低頻與中頻資料塊拼接反變換轉化為可顯示的圖片,並快取中頻資料塊,由於中頻資料塊包含更多的細節,所以圖片會更加清晰;當讀取完高頻資料塊後,將低頻、中頻及高頻資料塊拼接反變換轉化為可顯示的圖片並進行顯示,至此,完整圖片顯示完畢。
採用實施例3提供的該方法,第二用戶端在持續接收伺服器發送的資料塊時可以分步載入並顯示圖片,快速地顯示圖片的輪廓資訊,然後顯示圖片的部分細節資訊,最
後等所有的資料塊接收完成時再顯示完整圖片。
實施例4
基於相同的發明構思,實施例4提供了一種網路圖片的載入方法,用於提高網路圖片的顯示速度,如圖4所示,該方法包括以下幾個步驟:步驟S41:接收網路伺服器發送的網路圖片的資料塊,所述網路圖片包含至少兩個資料塊,所述資料塊是對所述網路圖片的圖片資料進行劃分得到的;該實施例中的資料塊可以是直接對組成所述網路圖片的圖片資料進行分割得到。
例如當所述網路圖片為點陣圖時,將點陣圖分割為長度與原始圖片相等,寬度為原始圖片寬度的1/N的N個子圖片,N為正整數,每一個子圖片對應一個資料塊。
又例如,以像素為單位,尺寸為1024×768的原圖片,可以將其按左右順序均分為兩個512×768的子圖片,每一個子圖片對應一個資料塊而將圖片資料分割為兩個資料塊,且每個資料塊分別對應於原圖片上不同的位置的圖片內容;或按上下左右順序分為四個512×384的子圖片,每一個子圖片對應一個資料塊而將圖片資料分割為四個資料塊,且每個資料塊分別對應於原圖片上不同的位置的圖片內容。
當所述網路圖片為向量圖時,將向量圖分割為不同的幾個子圖片,每一個子圖片對應一個資料塊,且每個資料
塊分別對應於原圖片上不同的位置的圖片內容。
步驟S42:將已接收到的資料塊確定為待載入的圖片資料;步驟S41的接收過程是一個持續的過程,因此,當收完第一個資料塊,則可以將第一個資料塊確定為待載入的圖片資料;當接收完第二個資料塊,則可以將第一個資料塊和第二個資料塊組合確定為待載入的圖片資料……直至接收完網路圖片包括的全部資料塊。
步驟S43:將待載入的圖片資料載入到顯示頁面進行顯示。
這樣用戶端在接收到一個資料塊時,即可顯示出包含所有接收到的資料塊的圖片內容。在用戶端上則呈現為,對圖塊分區域並逐步進行顯示,等所有的資料塊接收完成時顯示完整的圖片內容。
實施例5
基於相同的發明構思,實施例5提供了一種網路圖片的載入裝置,用於提高網路圖片的顯示速度。如圖5所示,該裝置包括:接收模組51、還原模組52和載入模組53,其中:所述接收模組51,可以用於接收網路伺服器發送的網路圖片的資料塊,所述網路圖片包含至少兩個資料塊,所述資料塊為根據所述網路圖片的圖片資料產生得到的;所述還原模組52,可以用於將已接收到的資料塊還原
為所述網路圖片的相應圖片資料;所述載入模組53,可以用於將還原的圖片資料載入到顯示頁面進行顯示。
採用實施例5提供的該裝置能夠達到與實施例1相同或者類似的技術效果,在此不再贅述。
另外,所述接收模組51接收的所述資料塊為根據所述網路圖片的圖片資料產生得到,其中:所述資料塊是將所述網路圖片的圖片資料進行頻譜變換;根據頻譜變換之後的頻譜資料的頻率高低形成,其中,不同的頻率區間對應不同的資料塊。
另外,所述網路圖片包含的資料塊為N塊時,則所述還原模組52將已接收到的資料塊還原為所述網路圖片的相應圖片資料,以及,所述載入模組53將還原的圖片資料載入到顯示頁面進行顯示,包括:當接收到第i個資料塊時,所述還原模組52將第i個資料塊及已接收的第i個之前的資料塊還原為網路圖片的相應圖片資料,所述載入模組53將還原的圖片資料載入到顯示頁面進行顯示,其中,1iN。
實施例6
基於相同的發明構思,實施例6提供了一種網路圖片的載入系統,用於提高網路圖片的顯示速度。如圖6所示,所述系統包括網路伺服器61和用戶端62,其中:所述網路伺服器61,可以用於向用戶端發送網路圖片
的資料塊,所述網路圖片包含至少兩個資料塊,所述資料塊為根據所述網路圖片的圖片資料產生得到的;所述用戶端62,可以用於將已接收到的資料塊還原為所述網路圖片的相應圖片資料;以及,將還原的圖片資料載入到顯示頁面進行顯示。
採用實施例6提供的該系統能夠達到與實施例3相同或者類似的技術效果,在此不再贅述。
可選地,網路伺服器61中具體還可以包括有資料塊產生模組,其中,所述資料塊產生模組,可以用於將所述網路圖片的圖片資料進行頻譜變換;根據頻譜變換之後的頻譜資料的頻率高低形成所述資料塊,其中,不同的頻率區間對應不同的資料塊。
實施例7
基於相同的發明構思,實施例7提供了一種網路圖片的載入裝置,用於提高網路圖片的顯示速度。如圖7所示,該裝置包括:接收模組71、確定模組72和載入模組73,其中:所述接收模組71,可以用於接收網路伺服器發送的網路圖片的資料塊,所述網路圖片包含至少兩個資料塊,所述資料塊是對所述網路圖片的圖片資料進行劃分得到的;所述確定模組72,可以用於將已接收到的資料塊確定為待載入的圖片資料;所述載入模組73,可以用於將待載入的圖片資料載入
到顯示頁面進行顯示。
採用實施例7提供的該裝置能夠達到與實施例4相同或者類似的技術效果,在此不再贅述。
本領域內的技術人員應明白,本發明的實施例可提供為方法、系統、或電腦程式產品。因此,本發明可採用完全硬體實施例、完全軟體實施例、或結合軟體和硬體方面的實施例的形式。而且,本發明可採用在一個或多個其中包含有電腦可用程式碼的電腦可用儲存媒體(包括但不限於磁碟記憶體、CD-ROM、光學記憶體等)上實施的電腦程式產品的形式。
本發明是參照根據本發明實施例的方法、設備(系統)、和電腦程式產品的流程圖和/或方塊圖來描述的。應理解可由電腦程式指令實現流程圖和/或方塊圖中的每一流程和/或方塊、以及流程圖和/或方塊圖中的流程和/或方塊的結合。可提供這些電腦程式指令到通用電腦、專用電腦、嵌入式處理機或其他可程式資料處理設備的處理器以產生一個機器,使得透過電腦或其他可程式資料處理設備的處理器執行的指令產生用於實現在流程圖一個流程或多個流程和/或方塊圖一個方塊或多個方塊中指定的功能的裝置。
這些電腦程式指令也可儲存在能引導電腦或其他可程式資料處理設備以特定方式工作的電腦可讀記憶體中,使得儲存在該電腦可讀記憶體中的指令產生包括指令裝置的製造品,該指令裝置實現在流程圖一個流程或多個流程和
/或方塊圖一個方塊或多個方塊中指定的功能。
這些電腦程式指令也可裝載到電腦或其他可程式資料處理設備上,使得在電腦或其他可程式設備上執行一系列操作步驟以產生電腦實現的處理,從而在電腦或其他可程式設備上執行的指令提供用於實現在流程圖一個流程或多個流程和/或方塊圖一個方塊或多個方塊中指定的功能的步驟。
在一個典型的配置中,計算設備包括一個或多個處理器(CPU)、輸入/輸出介面、網路介面和記憶體。
記憶體可能包括電腦可讀媒體中的非永久性記憶體,隨機存取記憶體(RAM)和/或非易失性記憶體等形式,如唯讀記憶體(ROM)或快閃記憶體(flash RAM)。記憶體是電腦可讀媒體的示例。
電腦可讀媒體包括永久性和非永久性、可移動和非可移動媒體可以由任何方法或技術來實現資訊儲存。資訊可以是電腦可讀指令、資料結構、程式的模組或其他資料。電腦的儲存媒體的例子包括,但不限於相變記憶體(PRAM)、靜態隨機存取記憶體(SRAM)、動態隨機存取記憶體(DRAM)、其他類型的隨機存取記憶體(RAM)、唯讀記憶體(ROM)、電可擦除可程式唯讀記憶體(EEPROM)、快閃記憶體或其他記憶體技術、唯讀光碟(CD-ROM)、數位化多功能光碟(DVD)或其他光學儲存、磁盒式磁帶,磁帶磁磁碟儲存或其他磁性儲存設備或任何其他非傳輸媒體,可用於儲存可以被計算設備存
取的資訊。按照本文中的界定,電腦可讀媒體不包括暫存電腦可讀媒體(transitory media),如調變的資料信號和載波。
還需要說明的是,術語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含,從而使得包括一系列要素的過程、方法、商品或者設備不僅包括那些要素,而且還包括沒有明確列出的其他要素,或者是還包括為這種過程、方法、商品或者設備所固有的要素。在沒有更多限制的情況下,由語句“包括一個......”限定的要素,並不排除在包括要素的過程、方法、商品或者設備中還存在另外的相同要素。
本領域技術人員應明白,本發明的實施例可提供為方法、系統或電腦程式產品。因此,本發明可採用完全硬體實施例、完全軟體實施例或結合軟體和硬體方面的實施例的形式。而且,本發明可採用在一個或多個其中包含有電腦可用程式碼的電腦可用儲存媒體(包括但不限於磁碟記憶體、CD-ROM、光學記憶體等)上實施的電腦程式產品的形式。
以上僅為本發明的實施例而已,並不用於限制本發明。對於本領域技術人員來說,本發明可以有各種更改和變化。凡在本發明的精神和原理之內所作的任何修改、等同替換、改進等,均應包含在本發明的權利要求範圍之內。
Claims (13)
- 一種網路圖片的載入方法,其特徵在於,該方法包括:接收網路伺服器發送的網路圖片的資料塊,該網路圖片包含至少兩個資料塊,該資料塊為根據該網路圖片的圖片資料產生得到的;將已接收到的資料塊還原為該網路圖片的相應圖片資料;將還原的圖片資料載入到顯示頁面進行顯示。
- 根據申請專利範圍第1項所述的方法,其中,根據該網路圖片的圖片資料產生得到資料塊,包括:將該網路圖片的圖片資料進行頻譜變換;根據頻譜變換之後的頻譜資料的頻率高低形成該資料塊,其中,不同的頻率區間對應不同的資料塊。
- 根據申請專利範圍第2項所述的方法,其中,該網路圖片包含的資料塊為N塊,則該將已接收到的資料塊還原為該網路圖片的相應圖片資料,將還原的圖片資料載入到顯示頁面進行顯示,包括:當接收到第i個資料塊時,將第i個資料塊及已接收的第i個之前的資料塊還原為網路圖片的相應圖片資料,將還原的圖片資料載入到顯示頁面進行顯示,其中,1iN。
- 根據申請專利範圍第3項所述的方法,其中,該N為3,當i為1時,第i個資料塊為低頻資料塊,當i為2時,第i個資料塊為中頻資料塊,當i為3時,第i個資料塊為高頻資料塊;則當接收到第i個資料塊時,將第i個資料塊及已接收的第i個之前的資料塊還原為網路圖片的相應圖片資料,將還原的圖片資料載入到顯示頁面進行顯示,具體包括:當接收到低頻資料塊時,將低頻資料塊還原為網路圖片的相應圖片資料,將還原的圖片資料載入到顯示頁面進行顯示;當接收到中頻資料塊時,將低頻資料塊以及中頻資料塊還原為網路圖片的相應圖片資料,將還原的圖片資料載入到顯示頁面進行顯示;當接收到高頻資料塊時,將低頻資料塊、中頻資料塊以及高頻資料塊還原為網路圖片的相應圖片資料,將還原的圖片資料載入到顯示頁面進行顯示。
- 根據申請專利範圍第1至4項中任一項所述的方法,其中,該資料塊末端具有結束標識,則當接收到結束識別碼時,確定接收到該資料塊。
- 根據申請專利範圍第1至4項中任一項所述的方法,其中, 該至少兩個資料塊的數量根據組成該網路圖片的圖片資料的資料量確定。
- 一種網路圖片的載入方法,其特徵在於,該方法包括:接收網路伺服器發送的網路圖片的資料塊,該網路圖片包含至少兩個資料塊,該資料塊是對該網路圖片的圖片資料進行劃分得到的;將已接收到的資料塊確定為待載入的圖片資料;將待載入的圖片資料載入到顯示頁面進行顯示。
- 一種網路圖片的載入裝置,其特徵在於,該裝置包括接收模組、還原模組和載入模組,其中:該接收模組,接收網路伺服器發送的網路圖片的資料塊,該網路圖片包含至少兩個資料塊,該資料塊為根據該網路圖片的圖片資料產生得到的;該還原模組,將已接收到的資料塊還原為該網路圖片的相應圖片資料;該載入模組,將還原的圖片資料載入到顯示頁面進行顯示。
- 根據申請專利範圍第8項所述的裝置,其中,該接收模組接收的該資料塊為根據該網路圖片的圖片資料產生得到,其中:該資料塊是將該網路圖片的圖片資料進行頻譜變換; 根據頻譜變換之後的頻譜資料的頻率高低形成,其中,不同的頻率區間對應不同的資料塊。
- 根據申請專利範圍第8項所述的裝置,其中,該網路圖片包含的資料塊為N塊,則該還原模組將已接收到的資料塊還原為該網路圖片的相應圖片資料,以及,該載入模組將還原的圖片資料載入到顯示頁面進行顯示,包括:當接收到第i個資料塊時,該還原模組將第i個資料塊及已接收的第i個之前的資料塊還原為網路圖片的相應圖片資料,該載入模組將還原的圖片資料載入到顯示頁面進行顯示,其中,1iN。
- 一種網路圖片的載入系統,其特徵在於,該系統包括網路伺服器和用戶端,其中:該網路伺服器,向用戶端發送網路圖片的資料塊,該網路圖片包含至少兩個資料塊,該資料塊為根據該網路圖片的圖片資料產生得到的;該用戶端將已接收到的資料塊還原為該網路圖片的相應圖片資料;以及,將還原的圖片資料載入到顯示頁面進行顯示。
- 根據申請專利範圍第11項所述的系統,其中,該網路伺服器具體包括有資料塊產生模組,其中,該資料塊產生模組,將該網路圖片的圖片資料進行頻 譜變換;根據頻譜變換之後的頻譜資料的頻率高低形成該資料塊,其中,不同的頻率區間對應不同的資料塊。
- 一種網路圖片的載入裝置,其特徵在於,該裝置包括接收模組、確定模組和載入模組,其中:該接收模組,接收網路伺服器發送的網路圖片的資料塊,該網路圖片包含至少兩個資料塊,該資料塊是對該網路圖片的圖片資料進行劃分得到的;該確定模組,將已接收到的資料塊確定為待載入的圖片資料;該載入模組,將待載入的圖片資料載入到顯示頁面進行顯示。
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
??201610780851.1 | 2016-08-30 | ||
CN201610780851.1A CN106886549A (zh) | 2016-08-30 | 2016-08-30 | 一种网络图片的加载方法、装置和系统 |
Publications (1)
Publication Number | Publication Date |
---|---|
TW201807667A true TW201807667A (zh) | 2018-03-01 |
Family
ID=59176256
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW106119857A TW201807667A (zh) | 2016-08-30 | 2017-06-14 | 網路圖片的載入方法、裝置和系統 |
Country Status (3)
Country | Link |
---|---|
CN (1) | CN106886549A (zh) |
TW (1) | TW201807667A (zh) |
WO (1) | WO2018040964A1 (zh) |
Families Citing this family (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106886549A (zh) * | 2016-08-30 | 2017-06-23 | 阿里巴巴集团控股有限公司 | 一种网络图片的加载方法、装置和系统 |
CN107454094A (zh) * | 2017-08-23 | 2017-12-08 | 北京明朝万达科技股份有限公司 | 一种数据交互方法和系统 |
CN111435527A (zh) * | 2019-01-11 | 2020-07-21 | 北京京东尚科信息技术有限公司 | 页面图片显示方法、装置、存储介质及电子设备 |
CN111488536B (zh) * | 2019-01-25 | 2023-09-15 | 阿里巴巴集团控股有限公司 | 图片显示方法、装置与系统 |
CN110517196B (zh) * | 2019-08-12 | 2022-04-22 | 西安电子科技大学 | 一种sar图像降噪方法及系统 |
Family Cites Families (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP3966832B2 (ja) * | 2003-04-28 | 2007-08-29 | 株式会社東芝 | 描画処理装置、及び、描画処理方法 |
CN101388157B (zh) * | 2008-09-25 | 2011-11-30 | 炬力集成电路设计有限公司 | 一种电子地图显示方法、装置及设备 |
KR101171819B1 (ko) * | 2010-06-30 | 2012-08-14 | 주식회사 케이티 | 데이터 은닉을 이용하여 영상 오류를 복원하는 방법 및 시스템 |
CN102768662B (zh) * | 2011-05-05 | 2016-02-10 | 阿里巴巴集团控股有限公司 | 一种加载图片的方法和装置 |
CN103514241B (zh) * | 2012-12-07 | 2017-09-05 | Tcl集团股份有限公司 | 图片加载方法及系统 |
CN105023285B (zh) * | 2014-04-25 | 2018-12-18 | 腾讯科技(深圳)有限公司 | 图片拆分方法和装置、图片加载方法和装置 |
CN104134214B (zh) * | 2014-07-29 | 2018-11-02 | 杭州卓腾信息技术有限公司 | 一种基于影像金字塔分层的数字切片图像存储及显示方法 |
CN104391890B (zh) * | 2014-11-10 | 2017-11-24 | 广东欧珀移动通信有限公司 | 图片加载方法及系统 |
CN104679570A (zh) * | 2015-03-24 | 2015-06-03 | 新余兴邦信息产业有限公司 | 图片的加载显示方法、设备和系统 |
CN104899060B (zh) * | 2015-05-20 | 2017-12-15 | 天脉聚源(北京)教育科技有限公司 | 一种图片加载处理方法和装置 |
CN106886549A (zh) * | 2016-08-30 | 2017-06-23 | 阿里巴巴集团控股有限公司 | 一种网络图片的加载方法、装置和系统 |
-
2016
- 2016-08-30 CN CN201610780851.1A patent/CN106886549A/zh active Pending
-
2017
- 2017-06-14 TW TW106119857A patent/TW201807667A/zh unknown
- 2017-08-21 WO PCT/CN2017/098226 patent/WO2018040964A1/zh active Application Filing
Also Published As
Publication number | Publication date |
---|---|
CN106886549A (zh) | 2017-06-23 |
WO2018040964A1 (zh) | 2018-03-08 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
TW201807667A (zh) | 網路圖片的載入方法、裝置和系統 | |
CN110458918B (zh) | 用于输出信息的方法和装置 | |
US8913068B1 (en) | Displaying video on a browser | |
CN106021421B (zh) | 一种加速网页渲染的方法及装置 | |
CN104850388B (zh) | 网页绘制方法及装置 | |
WO2015131787A1 (zh) | 一种屏幕适配的方法和装置 | |
CN107622504B (zh) | 用于处理图片的方法和装置 | |
US20240013359A1 (en) | Image processing method, model training method, apparatus, medium and device | |
WO2016206559A1 (zh) | 待展示对象的全尺寸适配方法及装置 | |
CN112596843B (zh) | 图像处理方法、装置、电子设备及计算机可读存储介质 | |
US20200401840A1 (en) | Digital image presentation | |
WO2016066147A2 (zh) | 一种用于处理图像的方法与设备 | |
CN110675465B (zh) | 用于生成图像的方法和装置 | |
US10025482B2 (en) | Image effect extraction | |
WO2016065824A1 (zh) | 终端标记方法和装置 | |
US20230336690A1 (en) | Masking video feedback loop during screen sharing | |
CN114004840A (zh) | 图像处理方法、训练方法、检测方法、装置、设备及介质 | |
CN113538502A (zh) | 图片裁剪方法、装置、电子设备及存储介质 | |
DE112016002223T5 (de) | Konvertieren von Flash-Inhalten zu HTML-Inhalten durch Erzeugen einer Instruktionen-Liste | |
CN110263301B (zh) | 用于确定文字的颜色的方法和装置 | |
CN110363837B (zh) | 游戏中纹理图像的处理方法及装置、电子设备、存储介质 | |
US10067914B2 (en) | Techniques for blending document objects | |
CN116596748A (zh) | 图像风格化处理方法、装置、设备、存储介质和程序产品 | |
CN114066722B (zh) | 用于获取图像的方法、装置和电子设备 | |
CN106548501B (zh) | 一种图像绘制方法及设备 |