[發(fā)明專利]一種請(qǐng)求圖片文件的方法及系統(tǒng)

無(wú)效

• 申請(qǐng)?zhí)枺?/td>: 201310036033.7
• 申請(qǐng)日: 2013-01-30
• 公開(kāi)（公告）號(hào): CN103150334A
• 公開(kāi)（公告）日: 2013-06-12
• 發(fā)明（設(shè)計(jì)）人: 孫青青
• 申請(qǐng)（專利權(quán)）人: 深圳市同洲電子股份有限公司
• 主分類號(hào): G06F17/30
• 分類號(hào): G06F17/30;G06F9/44
• 代理公司: 廣州三環(huán)專利代理有限公司 44202
• 代理人: 郝傳鑫;熊永強(qiáng)

技術(shù)領(lǐng)域

本發(fā)明涉及互聯(lián)網(wǎng)領(lǐng)域，尤其涉及一種請(qǐng)求圖片文件的方法及系統(tǒng)。

背景技術(shù)

AJAX（Asynchronous?JavaScript?and?XML，異步JavaScript和XML）是一種用于創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。AJAX的核心是JavaScript對(duì)象XmlHttpRequest，通過(guò)該對(duì)象可以直接與服務(wù)器進(jìn)行通信，可在不加載頁(yè)面的情況下與Web服務(wù)器交換數(shù)據(jù)，AJAX在瀏覽器與Web服務(wù)器之間使用異步數(shù)據(jù)傳輸（Http請(qǐng)求），使得AJAX在不加載整個(gè)網(wǎng)頁(yè)情況下，可對(duì)網(wǎng)頁(yè)的某部分內(nèi)容進(jìn)行更新。目前在所有的主流瀏覽器都支持AJAX同步及異步下載，如需獲得來(lái)自服務(wù)器的響應(yīng)，可使用AJAX的對(duì)象responseText或responseXML屬性。

現(xiàn)有技術(shù)中，Web頁(yè)面通過(guò)AJAX請(qǐng)求數(shù)據(jù)，通過(guò)服務(wù)器返回的數(shù)據(jù)類型只有responseText或responseXML，但是responseText和responseXML都是文本格式，如果頁(yè)面要異步請(qǐng)求一張圖片，只能通過(guò)瀏覽器去下載，無(wú)法通過(guò)AJAX異步下載圖片。

發(fā)明內(nèi)容

本發(fā)明實(shí)施例所要解決的技術(shù)問(wèn)題在于，提供一種請(qǐng)求圖片文件的方法及系統(tǒng)，可通過(guò)AJAX異步下載圖片文件并進(jìn)行顯示。

為了解決上述技術(shù)問(wèn)題，本發(fā)明實(shí)施例提供了一種請(qǐng)求圖片文件的方法，包括：

獲取頁(yè)面通過(guò)AJAX發(fā)送的圖片文件請(qǐng)求；

根據(jù)所述圖片文件請(qǐng)求獲取對(duì)應(yīng)的圖片文件原始數(shù)據(jù)；

對(duì)所述圖片文件原始數(shù)據(jù)進(jìn)行解碼得到圖片文件，并顯示所述圖片文件。

其中，所述圖片文件請(qǐng)求包括：用戶在頁(yè)面通過(guò)AJAX的對(duì)象XmlHttpRequest提交的異步請(qǐng)求圖片文件的數(shù)據(jù)。

其中，所述根據(jù)所述圖片文件請(qǐng)求獲取對(duì)應(yīng)的圖片文件原始數(shù)據(jù)包括：

根據(jù)所述圖片文件請(qǐng)求向服務(wù)器發(fā)送所述圖片文件HTTP請(qǐng)求包，所述圖片文件HTTP請(qǐng)求包中包括被請(qǐng)求的圖片文件的訪問(wèn)路徑；

獲取服務(wù)器根據(jù)所述HTTP請(qǐng)求包返回的所述圖片文件原始數(shù)據(jù)。

其中，對(duì)所述圖片文件原始數(shù)據(jù)進(jìn)行解碼得到圖片文件，并顯示所述圖片文件包括：

根據(jù)所述目標(biāo)頁(yè)面獲取所述圖片文件在目標(biāo)頁(yè)面中的位置信息，根據(jù)所述獲取到的位置信息顯示所述圖片文件。

其中，所述獲取頁(yè)面通過(guò)AJAX發(fā)送的圖片文件請(qǐng)求之前包括：

獲取頁(yè)面創(chuàng)建的所述AJAX的對(duì)象XmlHttpRequest。

相應(yīng)地，本發(fā)明實(shí)施例還提供了一種請(qǐng)求圖片文件的系統(tǒng)，包括：

圖片文件請(qǐng)求獲取模塊，用于獲取頁(yè)面通過(guò)AJAX發(fā)送的圖片文件請(qǐng)求；

圖片文件原始數(shù)據(jù)獲取模塊，用于根據(jù)所述圖片文件請(qǐng)求獲取對(duì)應(yīng)的圖片文件原始數(shù)據(jù)；

圖片文件處理模塊，用于對(duì)所述圖片文件原始數(shù)據(jù)進(jìn)行解碼得到圖片文件，并顯示所述圖片文件。

其中，所述圖片文件請(qǐng)求包括：用戶在頁(yè)面通過(guò)AJAX的對(duì)象XmlHttpRequest提交的異步請(qǐng)求圖片文件的數(shù)據(jù)。

其中，所述圖片文件原始數(shù)據(jù)獲取模塊包括：

發(fā)送單元，用于根據(jù)所述圖片文件請(qǐng)求向服務(wù)器發(fā)送所述圖片文件HTTP請(qǐng)求包，所述圖片文件HTTP請(qǐng)求包中包括被請(qǐng)求的圖片文件的訪問(wèn)路徑；

圖片文件原始數(shù)據(jù)獲取單元，用于獲取服務(wù)器根據(jù)所述HTTP請(qǐng)求包返回的所述圖片文件原始數(shù)據(jù)。

其中，所述圖片文件處理模塊包括：

顯示單元，用于根據(jù)所述目標(biāo)頁(yè)面獲取所述圖片文件在目標(biāo)頁(yè)面中的位置信息，根據(jù)所述獲取到的位置信息顯示所述圖片文件。

其中，所述系統(tǒng)還包括：

AJAX對(duì)象獲取模塊，用于獲取頁(yè)面創(chuàng)建的所述AJAX的對(duì)象XmlHttpRequest。

實(shí)施本發(fā)明實(shí)施例，具有如下有益效果：頁(yè)面可通過(guò)AJAX請(qǐng)求圖片文件，瀏覽器可獲取到服務(wù)器返回的對(duì)應(yīng)的圖片文件原始數(shù)據(jù)，還可以在目標(biāo)頁(yè)面的任意位置顯示該圖片文件，實(shí)現(xiàn)了通過(guò)AJAX異步下載圖片文件并進(jìn)行顯示，在不更新整個(gè)頁(yè)面的前提下，可實(shí)時(shí)更新頁(yè)面中的圖片文件。

附圖說(shuō)明

為了更清楚地說(shuō)明本發(fā)明實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對(duì)實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡(jiǎn)單地介紹，顯而易見(jiàn)地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來(lái)講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他的附圖。