本發(fā)明涉及互聯(lián)網(wǎng)
技術領域：
：，尤其涉及一種圖像處理方法、圖像處理系統(tǒng)及終端設備。
背景技術：
：：隨著互聯(lián)網(wǎng)技術的發(fā)展，網(wǎng)頁中的元素已越來越豐富，主要包括：文字、圖像、表格、聲音、視頻等元素。對于傳統(tǒng)網(wǎng)頁，網(wǎng)頁中顯示的每個圖像元素通常只有一個圖像源，即一種類型的圖像。對于網(wǎng)頁來說，通常需面對多種類型的終端設備，而不同終端設備的顯示需求不同。為滿足不同終端設備對網(wǎng)頁圖像的顯示需求，提高圖像顯示效果，響應式圖像應運而生。也就是說，網(wǎng)頁中一個圖像通常具有多個圖像資源，不同圖像資源對應的圖像類型不同，終端設備在訪問該網(wǎng)頁情況下，可從中確定第一個滿足其顯示需求的圖像資源進行圖像加載顯示，而丟棄其他圖像資源。在現(xiàn)有的一個實例中，若網(wǎng)頁提供多個圖像資源包括JPEG-XR、WebP和JPG2000的三個圖像標準對應的圖像資源，而該終端設備在其所使用的瀏覽器不支持JPEG-XR、WebP和JPG2000中的任一種圖像標準。那么根據(jù)超文本標記語言(HyperTextMarkupLanguage，簡稱HTML)5的規(guī)范，將回退使用img元素所標記的圖像資源，而丟棄JPEG-XR、WebP和JPG2000中的三個圖像標準對應的圖像資源，使得終端設備無法獲取也無法顯示或者保存那三種高質量圖像到本地。在現(xiàn)有的一個實例中，若網(wǎng)頁提供的多個圖像資源中包括480像素(Pixel，簡稱Px)、768Px和1024Px的三個像素尺寸的圖像資源，而訪問網(wǎng)頁的終端設備的顯示尺寸低于768Px。那么根據(jù)HTML5規(guī)范，將使用更小像素尺寸的圖像資源對應的圖像，而丟棄其余大像素尺寸的圖像資源，使得終端設備無法獲取也無法顯示或者保存那三種高像素尺寸的圖像到本地。現(xiàn)有的技術中，即便網(wǎng)頁提供多個圖像資源，由于終端設備僅可獲取符合其顯示需求的第一個圖像資源對應的圖像，而丟棄其余的圖像資源，這使得終端設備通過瀏覽器訪問該網(wǎng)頁過程中，實際并無法獲取網(wǎng)頁提供的多個圖像資源對應的圖像，這使得針對網(wǎng)頁中響應式圖像的處理不夠靈活，難以滿足用戶對網(wǎng)頁圖像的使用需求。技術實現(xiàn)要素：本發(fā)明提供一種圖像處理方法、圖像處理系統(tǒng)及終端設備，以使得終端設備獲取網(wǎng)頁的多個圖像資源中被選擇圖像資源對應的圖像，提高圖像處理的靈活度。本發(fā)明提供一種圖像處理方法，包括：確定網(wǎng)頁中預設圖像的多個圖像資源；顯示用于表征該多個圖像資源的圖像資源列表；接收根據(jù)所述圖像資源列表輸入的選擇指令；根據(jù)所述選擇指令，確定所述多個圖像資源中被選擇的圖像資源；加載所述被選擇的圖像資源對應的圖像。本發(fā)明還提供一種圖像處理系統(tǒng)，包括：第一確定模塊，用于確定網(wǎng)頁中預設圖像的多個圖像資源；顯示模塊，用于顯示用于表征該多個圖像資源的圖像資源列表；接收模塊，用于接收根據(jù)所述圖像資源列表輸入的選擇指令；第二確定模塊，用于根據(jù)所述選擇指令，確定所述多個圖像資源中被選擇的圖像資源；獲取模塊，用于獲取所述被選擇的圖像資源對應的圖像。本發(fā)明還提供一種終端設備，包括：處理器和存儲器；所述處理器與所述存儲器連接；所述存儲器存儲程序代碼；所述處理器，用于調用所述存儲器存儲的所述程序代碼，從而執(zhí)行上述圖像處理方法。本發(fā)明提供的圖像處理方法、圖像處理系統(tǒng)及終端設備，可通過確定網(wǎng)頁中預設圖像的多個圖像資源，顯示用于表征該多個圖像資源的圖像資源列表，并接收根據(jù)該圖像資源列表輸入的選擇指令，繼而根據(jù)該選擇指令確定該多個圖像資源中被選擇的圖像資源，獲取該被選擇的圖像資源對應的圖像，從而使得終端設備可獲取網(wǎng)頁中預設圖像的多個圖像資源中的任意圖像資源，而不局限于該終端設備所安裝瀏覽器的顯示需求和/或該終端設備的顯示器的顯示需求的限制，提高圖像處理的靈活度。附圖說明圖1為本發(fā)明提供的一種圖像處理方法的流程圖；圖2為本發(fā)明的一種瀏覽器對象模型示意圖；圖3為本發(fā)明提供的一種圖像處理方法中獲取及存儲圖像的流程圖；圖4為本發(fā)明提供的另一種圖像處理方法的流程圖；圖5為本發(fā)明提供的一種圖像處理系統(tǒng)的結構示意圖；圖6為本發(fā)明提供的另一種圖像處理系統(tǒng)的結構示意圖；圖7為本發(fā)明提供的一種終端設備的結構示意圖。具體實施方式本發(fā)明下述提供的各圖像處理方法、圖像處理系統(tǒng)及終端設備，可用于對網(wǎng)頁中的響應式圖像進行處理，可確定網(wǎng)頁中針對預設圖像的多個圖像資源中被選擇的圖像資源，繼而使得終端設備可基于輸入的選擇指令獲取對應圖像資源對應的圖像，提高了網(wǎng)頁中響應式圖像的處理的靈活度，有效提高用戶體驗。下述通過多個實例進行詳細說明。圖1為本發(fā)明提供的一種圖像處理方法的流程圖。該方法可由終端設備通過該終端設備中的圖像處理系統(tǒng)執(zhí)行，該圖像處理系統(tǒng)例如可以為安裝在該終端設備內(nèi)的瀏覽器。如圖1所示，該方法可包括：S101、確定網(wǎng)頁中預設圖像的多個圖像資源。具體地，該S101中可以是根據(jù)該網(wǎng)頁的源代碼確定該網(wǎng)頁中的每個圖像的多個圖像資源，繼而確定其中預設圖像的多個圖像資源。該預設圖像可以為該網(wǎng)頁中的任一圖像。該源代碼例如可以為該網(wǎng)頁的超文本標記語言(HyperTextMarkupLanguage，簡稱HTML)代碼，如HTML5代碼。當然，該源代碼還可以為其他編程語言對應的該網(wǎng)頁的源代碼，在此僅為實例說明。S102、顯示用于表征該多個圖像資源的圖像資源列表。具體地，該S102中可以是根據(jù)接收到的針對該預設圖像的保存指令，顯示用于表征該預設圖像的多個圖像資源的圖像資源列表。其中，該保存指令可以是用戶在選中該預設圖像的情況下，通過點擊鼠標右鍵所輸入的保存指令。當然，該保存指令還可以是采用其他方式輸入的針對該預設圖像的保存指令，例如通過語音輸入的保存指令，本發(fā)明不以此作為限制。其中，該圖像資源列表可包括：該多個圖像資源的標識?？蛇x的，如上所述的S102中顯示圖像資源列表之前，該方法還可包括：確定該多個圖像資源的標識。具體地，該方法中可以是根據(jù)每個圖像資源的統(tǒng)一資源定位符(UniformResourceLocator，簡稱URL)、該每個圖像資源對應的圖像格式、該每個圖像資源對應的圖像尺寸等至少一種信息，確定用于在該圖像資源列表中顯示的該每個圖像資源的標識。舉例來說，該圖像資源列表中顯示的該每個圖像資源的標識可包括：每個圖像資源的URL、該每個圖像資源對應的圖像格式、該每個圖像資源對應的圖像尺寸等至少一種信息。S103、接收根據(jù)該圖像資源列表輸入的選擇指令。具體地，該選擇指令可以為用戶根據(jù)該圖像資源列表從該多個圖像資源中選擇圖像資源，繼而針對該選擇的圖像資源所輸入的選擇指令。S104、根據(jù)該選擇指令，確定該多個圖像資源中被選擇的圖像資源。該被選擇的圖像資源即為用戶從該多個圖像資源所選擇的圖像資源，可以包括該多個圖像資源中的全部或部分圖像資源。該部分圖像資源可包括：該多個圖像資源的一個圖像資源，或者，多于一個的圖像資源。舉例來說，若該被選擇的圖像資源包括：該多個圖像資源的一個圖像資源，該選擇指令可以為針對“選擇保存”按鈕所輸入的選擇指令。該一個圖像資源可以為該多個圖像資源中符合終端設備的顯示需求的任一圖像資源、該多個圖像資源中的符合終端設備的顯示需求的第一個圖像資源、或者該多個圖像資源中符合該終端設備的顯示需求的最優(yōu)圖像資源。若該被選擇的圖像資源包括：該多個圖像資源的全部圖像資源，則該選擇指令可以為針對“全部保存”按鈕所輸入的選擇指令。需要說明的是，如上所述的終端設備的顯示需求可包括：該終端設備所安裝的瀏覽器的顯示需求，和/或，該終端設備的顯示器對應的顯示需求。S105、獲取該被選擇的圖像資源對應的圖像。具體地，該S105中可以是從服務器獲取該被選擇的每個圖像資源對應的圖像，也可以是從其他設備獲取該被選擇的圖像資源對應的圖像。本發(fā)明提供的圖像處理方法，可通過確定網(wǎng)頁中預設圖像的多個圖像資源，顯示包括該多個圖像資源的標識的圖像資源列表，并接收根據(jù)該圖像資源列表輸入的選擇指令，繼而根據(jù)該選擇指令確定該多個圖像資源中被選擇的圖像資源，獲取該被選擇的圖像資源對應的圖像，從而使得終端設備可獲知網(wǎng)頁的預設圖像的多個圖像資源中的任意圖像資源，而不局限于該終端設備所安裝瀏覽器的顯示需求和/或該終端設備的顯示器對應的顯示需求的限制，提高圖像處理的靈活度?？蛇x的，該方法在如上所述的圖像處理方法的基礎上，S101中確定網(wǎng)頁的多個圖像資源可以包括：對該網(wǎng)頁的圖像(Picture)元素代碼進行解析，得到該多個圖像資源。具體地，該網(wǎng)頁的圖像元素代碼可以是根據(jù)該網(wǎng)頁的HTML代碼所確定的。該網(wǎng)頁的HTML代碼例如可以為HTML5代碼。該圖像元素代碼可以為HTML代碼對應的圖像元素代碼。該方法中可以是通過對該圖像元素代碼進行解析，得到多個該圖像元素代碼所包括的多個源(source)子元素，繼而根據(jù)該多個source子元素確定該多個圖像資源。其中，該每個source子元素包括：一個圖像資源的源類型(sourcetype)屬性及該圖像資源的src屬性。其中，該圖像資源的源類型屬性可包括：該圖像資源的URL，該圖像資源的src屬性可包括：該圖像資源對應的圖像名稱和該圖像資源對應的圖像格式。需要說明的是，為避免網(wǎng)頁的圖像顯示異常，該圖像元素代碼中還可包括：圖像(img)子元素，該img子元素可包括：img圖像的源屬性和img圖像的alt屬性，以在圖像顯示異常的情況下，顯示img的源屬性所標記的圖像資源對應的圖像。舉例來說，該網(wǎng)頁的圖像元素代碼例如可以為如下所示：通過對該圖像元素代碼進行解析，可得到三個source子元素，繼而根據(jù)該三個source子元素確定網(wǎng)頁中預設圖像的3個圖像資源。其中，第一個圖像資源的URL為“image/vnd.ms-photo”，圖像名稱為“w4c2015”，圖像格式為“jxr”，對應于JPEG-XR標準；第二個圖像資源的URL為“image/jp2”，圖像名稱為“w4c2015”，圖像格式為“jp2”，對應于JPEG-2000標準；第三個圖像資源的URL為“image/webp”，圖像名稱為“w4c2015”，圖像格式為“webp”，對應于Webp標準。為避免網(wǎng)頁的圖像顯示異常，該網(wǎng)頁中該預設圖像還具有第四個圖像資源，該第四個圖像資源的URL為“w4c2015.png”，圖像名稱為“w4c2015”，圖像格式為可移植網(wǎng)絡圖形(PortableNetworkGraphic，簡稱png)格式。該四個圖像資源對應的圖像為img圖像，該img圖像的alt屬性值為“W4C2015”。以瀏覽器為例，本發(fā)明還提供一種針對上述圖像處理方法的對象模型。圖2為本發(fā)明的一種瀏覽器對象模型示意圖。如圖2所示，根據(jù)上述該網(wǎng)頁的圖像元素代碼可得到如圖2所示的瀏覽器的文檔對象模型(DocumentObjectModel，簡稱DOM)。根據(jù)該DOM可知，該方法中可對該網(wǎng)頁的圖像元素代碼進行解析，得到4個圖像資源包括：URL為“image/vnd.ms-photo”的圖像資源、URL為“image/jp2”的圖像資源、URL為“image/webp”的圖像資源及URL為“w4c2015.png”的圖像資源。根據(jù)該4個圖像資源可顯示如圖2所示的圖像資源列表，該圖像資源列表中可顯示有包括該4個圖像資源對應的圖像格式，繼而實現(xiàn)上述圖像處理方法。如上所述的S102中顯示的圖像資源列表例如可以為圖2所示的圖像資源列表。該圖像資源列表可以位于該終端設備的瀏覽器針對網(wǎng)頁的圖像保存選項中。在實際應用中，該圖像資源列表例如可以為保存菜單。在具體實例中，用戶可在該瀏覽顯示該網(wǎng)頁的情況下，選中該預設圖像，并通過點擊鼠標右鍵顯示針對該網(wǎng)頁的圖像保存選項，繼而通過點擊選中該圖像保存選項。該點擊選中該圖像保存選項對應的指令，可以為如上所述的保存指令。終端設備可以是在接收到該保存指令的情況下，顯示該圖2所示的圖像資源列表。圖2中，jxr表示JPEG-XR標準對應的圖像格式、jp2表示JPEG-2000標準對應的圖像格式、webp表示W(wǎng)ebp標準對應的圖像格式、png表示png圖像格式。可選的，本發(fā)明還可提供一種圖像處理方法。圖3為本發(fā)明提供的一種圖像處理方法中獲取及存儲圖像的流程圖。如圖3所示，該方法在如上所述的S104中獲取該被選擇的圖像資源對應的圖像可包括：S301、向該網(wǎng)頁的服務器發(fā)送針對該被選擇的圖像資源的訪問請求。S302、接收該服務器發(fā)送的該被選擇的圖像資源對應的圖像。其中，該被選擇的圖像資源對應的圖像可以是服務器根據(jù)該被選擇的圖像資源從預設的圖像庫中確定的?？蛇x的，該方法還可包括：S303、將該被選擇的圖像資源對應的圖像存儲至本地或者云端服務器。具體地，該S303中可以是將獲取的該被選擇的圖像資源對應的圖像存儲至本地端如終端設備的內(nèi)部存儲器或外接存儲器中，還可以是將獲取的該被選擇的圖像資源對應的圖像存儲至云端服務器，如該終端設備對應的云端服務器中。該圖像處理方法還可將該被選擇的圖像資源對應的圖像存儲至本地或者云端服務器，以方便用戶查看存儲圖像，或者根據(jù)該存儲圖像進行其他的操作?？蛇x的，該多個圖像資源包括：多種格式的圖像資源和/或多種尺寸的圖像資源。具體地，該多種格式可包括：JPEG-XR標準對應的圖像格式、JPEG-2000標準對應的圖像格式、Webp標準對應的圖像格式中至少一種。該多種尺寸可包括：該預設圖像的多種像素尺寸，如768Px、1024Px等至少一種像素尺寸。該圖像處理方法可使得終端設備獲取網(wǎng)頁中針對預設圖像的多個圖像資源中被選擇的多種格式和/或多種尺寸的圖像資源對應的圖像，而不限于終端設備的限制，如終端設備所安裝的瀏覽器的顯示需求和或該終端設備的顯示器的顯示需求的限制，實現(xiàn)網(wǎng)頁圖像的靈活處理。本發(fā)明還提供一種圖像處理方法。圖4為本發(fā)明提供的另一種圖像處理方法的流程圖。如圖4所示，該圖像處理方法可包括：S401、確定瀏覽器的顯示需求和待顯示網(wǎng)頁的HTML代碼。該瀏覽器的顯示需求例如可以包括：支持JPEG-XR標準對應的圖像格式和JPEG-2000標準對應的圖像格式。S402、對該網(wǎng)頁的HTML代碼中的圖像元素代碼進行解析，得到該網(wǎng)頁中預設圖像的多個圖像資源。該多個圖像資源依次例如可包括：URL為“image/vnd.ms-photo”的圖像資源、URL為“image/jp2”的圖像資源、URL為“image/webp”的圖像資源、及URL為“w4c2015.png”的圖像資源。上述這些圖像資源所對應的圖像格式依次為：JPEG-XR標準對應的圖像格式、JPEG-2000標準對應的圖像格式、Webp標準對應的圖像格式及png圖像格式。S403、根據(jù)該顯示需求，按照預設順序從該多個圖像資源中確定第一個符合該顯示需求的圖像資源。通過執(zhí)行該S403可確定該多個圖像資源中第一個符合該顯示需求的圖像資源為URL為“image/vnd.ms-photo”的圖像資源，也就是JPEG-XR標準對應的圖像格式的圖像資源。S404、獲取該第一個符合該顯示需求的圖像資源對應的圖像，并通過該瀏覽器在該網(wǎng)頁中顯示該第一個符合該顯示需求的圖像資源對應的圖像。若該第一個符合該顯示需求的圖像資源為JPEG-XR標準對應的圖像格式的圖像資源，則該S404中可以是獲取JPEG-XR標準對應的圖像格式的圖像資源所對應的圖像，并通過該瀏覽器在該網(wǎng)頁中顯示該JPEG-XR標準對應的圖像格式的圖像資源所對應的圖像。S405、根據(jù)接收到的針對該預設圖像的保存指令，顯示該預設圖像的圖像資源列表；該圖像資源列表包括：該預設圖像的多個圖像資源的標識。該保存指令可以是用戶在選中該預設圖像的情況下，通過點擊鼠標右鍵所輸入的保存指令。該圖像資源列表中該預設圖像的每個圖像資源的標識可通過該每個圖像資源對應的圖像格式表示。該圖像資源列表例如可以如上圖2所示。S406、接收根據(jù)該圖像資源列表輸入的選擇指令。例如用戶可以只選擇jp2格式對應的圖像資源，可以只選擇webp格式對應的圖像資源，還可以選擇所有格式對應的圖像資源。S407、根據(jù)該選擇指令，確定該多個圖像資源中被選擇的圖像資源。該被選擇的圖像資源可包括：該多個圖像資源中的部分或全部的圖像資源。S408、獲取該被選擇的圖像資源對應的圖像。S409、將該被選擇的圖像資源對應的圖像存儲至本地或云端服務器。本發(fā)明提供的圖像處理方法，既可通過瀏覽器在該網(wǎng)頁中顯示符合該顯示需求的圖像資源對應的圖像，提高網(wǎng)頁中圖像的顯示效果，還可根據(jù)輸入的選擇指令確定該多個圖像資源中被選擇的圖像資源，獲取并存儲該被選擇的圖像資源對應的圖像，從而使得終端設備可獲取網(wǎng)頁中預設圖像的多個圖像資源中的任意圖像資源對應的圖像，而不局限于該終端設備所安裝瀏覽器的顯示需求和/或該終端設備的顯示器的顯示需求的限制，提高圖像處理的靈活度。本發(fā)明還提供一種圖像處理系統(tǒng)。該圖像處理系統(tǒng)可位于終端設備內(nèi)，以執(zhí)行上述任一所述的圖像處理方法。圖5為本發(fā)明提供的一種圖像處理系統(tǒng)的結構示意圖，如圖5所示，該圖像處理系統(tǒng)500可包括：第一確定模塊501，用于確定網(wǎng)頁中預設圖像的多個圖像資源。顯示模塊502，用于顯示用于表征該多個圖像資源的圖像資源列表。接收模塊503，用于接收根據(jù)該圖像資源列表輸入的選擇指令。第二確定模塊504，用于根據(jù)該選擇指令，確定該多個圖像資源中被選擇的圖像資源。獲取模塊505，用于獲取該被選擇的圖像資源對應的圖像?？蛇x的，如上所述的第一確定模塊501，具體用于對該網(wǎng)頁的圖像元素代碼進行解析，得到該多個圖像資源。可選的，圖6為本發(fā)明提供的另一種圖像處理系統(tǒng)的結構示意圖。如圖6所示，如上所述的圖像處理系統(tǒng)500還可包括：存儲模塊506，用于將該被選擇的圖像資源對應的圖像存儲至本地或者云端服務器?？蛇x的，該多個圖像資源包括：多種格式的圖像資源和/或多種尺寸的圖像資源。可選的，如上所述的圖像處理系統(tǒng)500可以為瀏覽器。本發(fā)明提供的圖像處理系統(tǒng)，可通過第一確定模塊確定網(wǎng)頁中預設圖像的多個圖像資源，通過顯示模塊顯示用于表征該多個圖像資源的圖像資源列表，通過接收模塊接收根據(jù)該圖像資源列表輸入的選擇指令，通過第二確定模塊根據(jù)該選擇指令，確定該多個圖像資源中被選擇的圖像資源，繼而通過獲取模塊獲取該被選擇的圖像資源對應的圖像，從而使得終端設備可獲知網(wǎng)頁中預設圖像的多個圖像資源中任意的圖像資源對應的圖像，而不局限于該終端設備所安裝瀏覽器的顯示需求和/或該終端設備的顯示器的顯示需求的限制，提高圖像處理的靈活度。圖7為本發(fā)明提供的一種終端設備的結構示意圖。如圖7所示，該終端設備700可包括：處理器701和存儲器702；處理器701與存儲器702連接。存儲器702存儲程序代碼。處理器701，用于調用存儲器702存儲的程序代碼，從而執(zhí)行上述圖1至圖4中任一所述的圖像處理方法。需要說明的是，該程序代碼可以為上述圖5或圖6所示的圖像處理系統(tǒng)對應的代碼。本發(fā)明提供的終端設備，可執(zhí)行上述任一所述的圖像處理方法，其具體實現(xiàn)過程及有益效果參見上述，在此不再贅述。最后應說明的是：以上各實施例僅用以說明本發(fā)明的技術方案，而非對其限制；盡管參照前述各實施例對本發(fā)明進行了詳細的說明，本領域的普通技術人員應當理解：其依然可以對前述各實施例所記載的技術方案進行修改，或者對其中部分或者全部技術特征進行等同替換；而這些修改或者替換，并不使相應技術方案的本質脫離本發(fā)明各實施例技術方案的范圍。當前第1頁1 2 3 當前第1頁1 2 3