專(zhuān)利名稱(chēng)：一種請(qǐng)求圖片文件的方法及系統(tǒ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ù)類(lèi)型只有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)求包括:用戶(hù)在頁(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)求的圖片文件的訪(fǎ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)求包括:用戶(hù)在頁(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)求的圖片文件的訪(fǎ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ō)明本發(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ù)這些附圖獲得其他的附圖。圖1是本發(fā)明實(shí)施例中一種請(qǐng)求圖片文件的系統(tǒng)的結(jié)構(gòu)示意圖；圖2是本發(fā)明實(shí)施例中一種請(qǐng)求圖片文件的方法的流程圖。
具體實(shí)施例方式下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例?；诒景l(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒(méi)有作出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。圖1是本發(fā)明實(shí)施例中一種請(qǐng)求圖片文件的系統(tǒng)的結(jié)構(gòu)示意圖，本發(fā)明一種請(qǐng)求圖片文件的系統(tǒng)可以實(shí)現(xiàn)在網(wǎng)頁(yè)瀏覽器客戶(hù)端中，如圖所示本實(shí)施例一種請(qǐng)求圖片文件的系統(tǒng)至少可以包括圖片文件請(qǐng)求獲取模塊110、圖片文件原始數(shù)據(jù)獲取模塊120和圖片文件處理模塊130，其中:圖片文件請(qǐng)求獲取模塊110，用于獲取頁(yè)面通過(guò)AJAX發(fā)送的圖片文件請(qǐng)求。具體實(shí)現(xiàn)中，圖片文件請(qǐng)求包括:用戶(hù)在頁(yè)面通過(guò)AJAX的對(duì)象XmlHttpRequest提交的異步請(qǐng)求圖片文件的數(shù)據(jù)。其中，AJAX的核心是JavaScript對(duì)象XmlHttpRequest, AJAX在網(wǎng)頁(yè)瀏覽器與Web (網(wǎng)絡(luò))服務(wù)器之間使用異步數(shù)據(jù)傳輸(HTTP請(qǐng)求)，使得網(wǎng)頁(yè)從Web服務(wù)器請(qǐng)求少量的信息，而不是整個(gè)頁(yè)面。用戶(hù)在頁(yè)面輸入圖片文件請(qǐng)求數(shù)據(jù)，可以請(qǐng)求某一個(gè)頁(yè)面中的某個(gè)位置的圖片，不局限于僅可以請(qǐng)求整個(gè)頁(yè)面的圖片。圖片文件請(qǐng)求數(shù)據(jù)中可以包括:圖片文件的訪(fǎng)問(wèn)路徑、圖片文件的名稱(chēng)、圖片文件的格式等，圖片文件的訪(fǎng)問(wèn)路徑可以為URL (Uniform/Universal Resource Locator,統(tǒng)一資源定位符)地址，圖片文件的格式例如 bmp、jpg、gif、psd 等。圖片文件原始數(shù)據(jù)獲取模塊120，用于根據(jù)所述圖片文件請(qǐng)求獲取對(duì)應(yīng)的圖片文件原始數(shù)據(jù)。具體實(shí)現(xiàn)中，根據(jù)圖片文件請(qǐng)求獲取模塊110獲取到的頁(yè)面通過(guò)AJAX發(fā)送的圖片文件請(qǐng)求可以獲取到對(duì)應(yīng)的圖片文件原始數(shù)據(jù)，圖片文件原始數(shù)據(jù)獲取模塊120可以包括:發(fā)送單元及圖片文件原始數(shù)據(jù)獲取單元，其中，發(fā)送單元，用于根據(jù)所述圖片文件請(qǐng)求向服務(wù)器發(fā)送所述圖片文件HTTP請(qǐng)求包，所述圖片文件HTTP請(qǐng)求包中包括被請(qǐng)求的圖片文件的訪(fǎng)問(wèn)路徑；圖片文件原始數(shù)據(jù)獲取單元，用于獲取服務(wù)器根據(jù)所述HTTP請(qǐng)求包返回的所述圖片文件原始數(shù)據(jù)。網(wǎng)頁(yè)瀏覽器解析用戶(hù)在頁(yè)面輸入的圖片文件請(qǐng)求數(shù)據(jù)，生成該圖片文件的圖片文件HTTP請(qǐng)求包，圖片文件HTTP請(qǐng)求包通過(guò)網(wǎng)絡(luò)發(fā)送到服務(wù)器端，服務(wù)器根據(jù)HTTP請(qǐng)求包返回圖片文件原始數(shù)據(jù)，其中，圖片文件原始數(shù)據(jù)，例如圖片文件的二進(jìn)制數(shù)據(jù)等。圖片文件HTTP請(qǐng)求包中包括但不局限于被請(qǐng)求的圖片文件的訪(fǎng)問(wèn)路徑，圖片文件HTTP請(qǐng)求包還可以包括圖片文件的請(qǐng)求方式，如GET/P0ST、異步請(qǐng)求等。根據(jù)圖片文件請(qǐng)求向服務(wù)器發(fā)送圖片文件HTTP請(qǐng)求包的步驟，例如，第一步驟:準(zhǔn)備圖片文件HTTP請(qǐng)求包的數(shù)據(jù)，例如被請(qǐng)求的圖片文件的訪(fǎng)問(wèn)路徑URL, method:請(qǐng)求的方式GET ;第二步驟:打開(kāi)請(qǐng)求，裝載數(shù)據(jù)，如使用語(yǔ)句:open(〃GET〃, url, true); ”;第三步驟:做好處理結(jié)果的準(zhǔn)備，如使用語(yǔ)句:”xmlHttp.0nreadystatechange=dowork; ”;第四步驟:發(fā)送請(qǐng)求，如使用語(yǔ)句:”xmlHttp.send (null); ”。圖片文件處理模塊130，用于對(duì)所述圖片文件原始數(shù)據(jù)進(jìn)行解碼得到圖片文件，并顯示所述圖片文件。具體實(shí)現(xiàn)中，服務(wù)器根據(jù)接收到的HTTP請(qǐng)求包返回圖片文件原始數(shù)據(jù)給瀏覽器之后，瀏覽器對(duì)獲取到圖片文件原始數(shù)據(jù)進(jìn)行解碼操作得到圖片文件。頁(yè)面無(wú)需再處理圖片，頁(yè)面通過(guò)XmlHttpRequest的原有方法ResponseText,將其賦值給需要使用此張圖片文件的節(jié)點(diǎn)(如該圖片文件的訪(fǎng)問(wèn)地址)，即可獲取下載該圖片文件原始數(shù)據(jù)，獲取到的圖片文件原始數(shù)據(jù)可以保存在label或者input中。進(jìn)一步可選的，當(dāng)再次獲取到頁(yè)面通過(guò)AJAX發(fā)送的該圖片文件的請(qǐng)求時(shí)，可以直接調(diào)用已保存的圖片文件原始數(shù)據(jù)，不需要再次向服務(wù)器請(qǐng)求獲取該圖片文件的原始數(shù)據(jù)。圖片文件處理模塊130還可以包括顯示單元，其中，顯示單元用于根據(jù)所述目標(biāo)頁(yè)面獲取所述圖片文件在目標(biāo)頁(yè)面中的位置信息，根據(jù)所述獲取到的位置信息顯示所述圖片文件。顯示單元從目標(biāo)頁(yè)面中解析獲取到該圖片文件在目標(biāo)頁(yè)面中的位置信息，根據(jù)該位置信息顯示圖片文件，該圖片文件在目標(biāo)頁(yè)面中的位置信息可以為目標(biāo)頁(yè)面的任意位置，例如在目標(biāo)頁(yè)面的居中位置、底端左下角位置或頂端右上角位置等，也可以以目標(biāo)頁(yè)面的縱軸橫軸坐標(biāo)為基準(zhǔn)確認(rèn)具體的位置信息。目標(biāo)頁(yè)面中解析獲取到該圖片文件在目標(biāo)頁(yè)面中的位置信息，根據(jù)該位置信息顯示圖片文件，例如，用戶(hù)在頁(yè)面A通過(guò)AJAX請(qǐng)求圖片A，瀏覽器獲取到圖片A的原始數(shù)據(jù)后，在目標(biāo)頁(yè)面B中顯示圖片A之前，先獲取圖片A在目標(biāo)頁(yè)面B中的顯示位置信息，如圖片A在目標(biāo)頁(yè)面B中顯示位置信息為:居中位置，進(jìn)而在目標(biāo)頁(yè)面B的居中位置顯示圖片文件A。進(jìn)一步可選的，本發(fā)明實(shí)施例提供的請(qǐng)求圖片文件的系統(tǒng)還可以包括:AJAX對(duì)象獲取模塊140，其中:AJAX對(duì)象獲取模塊140用于獲取頁(yè)面創(chuàng)建的所述AJAX的對(duì)象XmlHttpRequest。具體實(shí)現(xiàn)中，瀏覽器可內(nèi)建XmlHttpRequest對(duì)象，例如通過(guò)JavaScript代碼創(chuàng)建XmlHttpRequest 對(duì)象:“xmlhttp=new XMLHttpRequest () ; ”。XmlHttpRequest 對(duì)象用于在后臺(tái)與服務(wù)器交換數(shù)據(jù)，可以在不重新加載頁(yè)面的情況下更新網(wǎng)頁(yè)，可以在頁(yè)面已加載后從服務(wù)器請(qǐng)求數(shù)據(jù)，可以在頁(yè)面已加載后從服務(wù)器接收數(shù)據(jù)，可以在后臺(tái)向服務(wù)器發(fā)送數(shù)據(jù)。使用XmlHttpRequest對(duì)象可以進(jìn)行異步數(shù)據(jù)查詢(xún)、檢索等。XmlHttpRequest對(duì)象在瀏覽器擁有一個(gè)簡(jiǎn)單的接口允許數(shù)據(jù)從客戶(hù)端傳遞到服務(wù)端，并且不會(huì)打斷用戶(hù)當(dāng)前的操作。本發(fā)明實(shí)施例提供一種請(qǐng)求圖片文件的系統(tǒng)，頁(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è)面中的圖片文件。下面闡述本發(fā)明實(shí)施例提供的請(qǐng)求圖片文件的方法的具體實(shí)現(xiàn)。圖2是本發(fā)明實(shí)施例中一種請(qǐng)求圖片文件的方法的流程圖，本發(fā)明可以實(shí)現(xiàn)在網(wǎng)頁(yè)瀏覽器客戶(hù)端中，如圖所示請(qǐng)求圖片文件的方法至少包括:步驟S210，獲取頁(yè)面通過(guò)AJAX發(fā)送的圖片文件請(qǐng)求。具體實(shí)現(xiàn)中，圖片文件請(qǐng)求包括:用戶(hù)在頁(yè)面通過(guò)AJAX的對(duì)象XmlHttpRequest提交的異步請(qǐng)求圖片文件的數(shù)據(jù)。其中，AJAX的核心是JavaScript對(duì)象XmlHttpRequest, AJAX在網(wǎng)頁(yè)瀏覽器與Web服務(wù)器之間使用異步數(shù)據(jù)傳輸(HTTP請(qǐng)求)，使得網(wǎng)頁(yè)從Web服務(wù)器請(qǐng)求少量的信息，而不是整個(gè)頁(yè)面。用戶(hù)在頁(yè)面輸入圖片文件請(qǐng)求數(shù)據(jù)，可以請(qǐng)求某一個(gè)頁(yè)面中的某個(gè)位置的圖片，不局限于僅可以請(qǐng)求整個(gè)頁(yè)面的圖片。圖片文件請(qǐng)求數(shù)據(jù)中可以包括:圖片文件的訪(fǎng)問(wèn)路徑、圖片文件的名稱(chēng)、圖片文件的格式等，圖片文件的訪(fǎng)問(wèn)路徑可以為URL地址，圖片文件的格式例如 bmp、jpg、gif > psd 等。步驟S220，用于根據(jù)所述圖片文件請(qǐng)求獲取對(duì)應(yīng)的圖片文件原始數(shù)據(jù)。具體實(shí)現(xiàn)中，根據(jù)獲取到的頁(yè)面通過(guò)AJAX發(fā)送的圖片文件請(qǐng)求可以獲取到對(duì)應(yīng)的圖片文件原始數(shù)據(jù)，其中，根據(jù)所述圖片文件請(qǐng)求獲取對(duì)應(yīng)的圖片文件原始數(shù)據(jù)可以包括:根據(jù)所述圖片文件請(qǐng)求向服務(wù)器發(fā)送所述圖片文件HTTP請(qǐng)求包，所述圖片文件HTTP請(qǐng)求包中包括被請(qǐng)求的圖片文件的訪(fǎng)問(wèn)路徑；獲取服務(wù)器根據(jù)所述HTTP請(qǐng)求包返回的所述圖片文件原始數(shù)據(jù)。網(wǎng)頁(yè)瀏覽器解析用戶(hù)在頁(yè)面輸入的圖片文件請(qǐng)求后，生成該圖片文件的圖片文件HTTP請(qǐng)求包，圖片文件HTTP請(qǐng)求包通過(guò)網(wǎng)絡(luò)發(fā)送到服務(wù)器端，服務(wù)器根據(jù)HTTP請(qǐng)求包返回圖片文件原始數(shù)據(jù)，其中，圖片文件原始數(shù)據(jù)，例如圖片文件的二進(jìn)制數(shù)據(jù)等。。圖片文件HTTP請(qǐng)求包中包括但不局限于被請(qǐng)求的圖片文件的訪(fǎng)問(wèn)路徑，圖片文件HTTP請(qǐng)求包還可以包括圖片文件的請(qǐng)求方式，如GET/P0ST、異步請(qǐng)求等。根據(jù)圖片文件請(qǐng)求數(shù)據(jù)向服務(wù)器發(fā)送圖片文件HTTP請(qǐng)求包的步驟，例如，第一步驟:準(zhǔn)備圖片文件HTTP請(qǐng)求包的數(shù)據(jù)，例如被請(qǐng)求的圖片文件的訪(fǎng)問(wèn)路徑URL, method:請(qǐng)求的方式GET ;第二步驟:打開(kāi)請(qǐng)求,裝載數(shù)據(jù)，如使用語(yǔ)句:”xmlHttp.0pen (〃GET〃, url, true)； ”；第三步驟:做好處理結(jié)果的準(zhǔn)備,如使用語(yǔ)句:”xmlHttp.0nreadystatechange=dowork; ” ；第四步驟:發(fā)送請(qǐng)求，如使用語(yǔ)句:，，xmlHttp.send (null); ”。步驟S230，對(duì)所述圖片文件原始數(shù)據(jù)進(jìn)行解碼得到圖片文件，并顯示所述圖片文件。具體實(shí)現(xiàn)中，服務(wù)器根據(jù)接收到的HTTP請(qǐng)求包返回圖片文件原始數(shù)據(jù)給瀏覽器后，瀏覽器對(duì)獲取到圖片文件原始數(shù)據(jù)進(jìn)行解碼操作得到圖片文件。頁(yè)面無(wú)需再處理圖片，頁(yè)面通過(guò)XmlHttpRequest的原有方法ResponseText,將其賦值給需要使用此張圖片文件的節(jié)點(diǎn)(如該圖片文件的訪(fǎng)問(wèn)地址)，即可獲取下載該圖片文件原始數(shù)據(jù)，獲取到的圖片文件原始數(shù)據(jù)可以保存在label或者input中。進(jìn)一步可選的，當(dāng)再次獲取到頁(yè)面通過(guò)AJAX發(fā)送的該圖片文件請(qǐng)求時(shí)，可以直接調(diào)用已保存的圖片文件原始數(shù)據(jù)，不需要再次向服務(wù)器請(qǐng)求獲取該圖片文件的原始數(shù)據(jù)。對(duì)所述圖片文件原始數(shù)據(jù)進(jìn)行解碼得到圖片文件，并顯示所述圖片文件還可以包括:根據(jù)所述目標(biāo)頁(yè)面獲取所述圖片文件在目標(biāo)頁(yè)面中的位置信息，根據(jù)所述獲取到的位置信息顯示所述圖片文件。從目標(biāo)頁(yè)面中解析獲取到該圖片文件在目標(biāo)頁(yè)面中的位置信息，根據(jù)該位置信息顯示圖片文件，該圖片文件在目標(biāo)頁(yè)面中的位置信息可以為目標(biāo)頁(yè)面的任意位置，例如在目標(biāo)頁(yè)面的居中位置、底端左下角位置或頂端右上角位置等，也可以以目標(biāo)頁(yè)面的縱軸橫軸坐標(biāo)為基準(zhǔn)確認(rèn)具體的位置信息。目標(biāo)頁(yè)面中解析獲取到該圖片文件在目標(biāo)頁(yè)面中的位置信息，根據(jù)該位置信息顯示圖片文件，例如，用戶(hù)在頁(yè)面A通過(guò)AJAX的請(qǐng)求圖片A，瀏覽器獲取到圖片A的原始數(shù)據(jù)后，在目標(biāo)頁(yè)面B中顯示圖片A之前，先獲取圖片A在目標(biāo)頁(yè)面B中的顯示位置信息，如圖片A在目標(biāo)頁(yè)面B中顯示位置信息為:居中位置，進(jìn)而在目標(biāo)頁(yè)面B的居中位置顯示圖片文件A。進(jìn)一步可選的，本發(fā)明實(shí)施例提供的請(qǐng)求圖片文件的方法還可以包括步驟:獲取頁(yè)面創(chuàng)建的所述AJAX的對(duì)象XmlHttpRequest。具體實(shí)現(xiàn)中，在步驟S210之前，即在獲取頁(yè)面通過(guò)AJAX發(fā)送的圖片文件請(qǐng)求之前，瀏覽器可內(nèi)建XmlHttpRequest對(duì)象，例如通過(guò) JavaScript 代碼創(chuàng)建 XmlHttpRequest 對(duì)象:“xmlhttp=newXMLHttpRequest O ; ”。XmlHttpRequest對(duì)象用于在后臺(tái)與服務(wù)器交換數(shù)據(jù)，可以在不重新加載頁(yè)面的情況下更新網(wǎng)頁(yè)，可以在頁(yè)面已加載后從服務(wù)器請(qǐng)求數(shù)據(jù)，可以在頁(yè)面已加載后從服務(wù)器接收數(shù)據(jù)，可以在后臺(tái)向服務(wù)器發(fā)送數(shù)據(jù)。使用XmlHttpRequest對(duì)象可以進(jìn)行異步數(shù)據(jù)查詢(xún)、檢索等。XmlHttpRequest對(duì)象在瀏覽器擁有一個(gè)簡(jiǎn)單的接口允許數(shù)據(jù)從客戶(hù)端傳遞到服務(wù)端，并且不會(huì)打斷用戶(hù)當(dāng)前的操作。本發(fā)明實(shí)施例提供一種請(qǐng)求圖片文件的方法，頁(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è)面中的圖片文件。本領(lǐng)域普通技術(shù)人員可以理解實(shí)現(xiàn)上述實(shí)施例方法中的全部或部分流程，是可以通過(guò)計(jì)算機(jī)程序來(lái)指令相關(guān)的硬件來(lái)完成，所述的程序可存儲(chǔ)于一計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中，該程序在執(zhí)行時(shí)，可包括如上述各方法的實(shí)施例的流程。其中，所述的存儲(chǔ)介質(zhì)可為磁碟、光盤(pán)、只讀存儲(chǔ)記憶體(Read-Only Memory, ROM)或隨機(jī)存儲(chǔ)記憶體(Random AccessMemory, RAM)等。以上所揭露的僅為本發(fā)明較佳實(shí)施例而已，當(dāng)然不能以此來(lái)限定本發(fā)明之權(quán)利范圍，因此依本發(fā)明權(quán)利要求所作的等同變化，仍屬本發(fā)明所涵蓋的范圍。
權(quán)利要求
1.一種請(qǐng)求圖片文件的方法，其特征在于，所述方法包括: 獲取頁(yè)面通過(guò)AJAX發(fā)送的圖片文件請(qǐng)求； 根據(jù)所述圖片文件請(qǐng)求獲取對(duì)應(yīng)的圖片文件原始數(shù)據(jù)； 對(duì)所述圖片文件原始數(shù)據(jù)進(jìn)行解碼得到圖片文件，并顯示所述圖片文件。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述圖片文件請(qǐng)求包括:用戶(hù)在頁(yè)面通過(guò)AJAX的對(duì)象XmlHttpRequest提交的異步請(qǐng)求圖片文件的數(shù)據(jù)。
3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述根據(jù)所述圖片文件請(qǐng)求獲取對(duì)應(yīng)的圖片文件原始數(shù)據(jù)包括: 根據(jù)所述圖片文件請(qǐng)求向服務(wù)器發(fā)送所述圖片文件HTTP請(qǐng)求包，所述圖片文件HTTP請(qǐng)求包中包括被請(qǐng)求的圖片文件的訪(fǎng)問(wèn)路徑； 獲取服務(wù)器根據(jù)所述HTTP請(qǐng)求包返回的所述圖片文件原始數(shù)據(jù)。
4.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述對(duì)所述圖片文件原始數(shù)據(jù)進(jìn)行解碼得到圖片文件，并顯示所述圖片文件包括: 根據(jù)所述目標(biāo)頁(yè)面獲取所述圖片文件在目標(biāo)頁(yè)面中的位置信息，根據(jù)所述獲取到的位置信息顯示所述圖片文件。
5.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述獲取頁(yè)面通過(guò)AJAX發(fā)送的圖片文件請(qǐng)求之前包括: 獲取頁(yè)面創(chuàng)建的所述AJAX的對(duì)象XmlHttpRequest。
6.一種請(qǐng)求圖片文件的系統(tǒ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)行解碼得到圖片文件，并顯示所述圖片文件。
7.根據(jù)權(quán)利要求6所述的系統(tǒng)，其特征在于，所述圖片文件請(qǐng)求包括:用戶(hù)在頁(yè)面通過(guò)AJAX的對(duì)象XmlHttpRequest提交的異步請(qǐng)求圖片文件的數(shù)據(jù)。
8.根據(jù)權(quán)利要求6所述的系統(tǒng)，其特征在于，所述圖片文件原始數(shù)據(jù)獲取模塊包括: 發(fā)送單元，用于根據(jù)所述圖片文件請(qǐng)求向服務(wù)器發(fā)送所述圖片文件HTTP請(qǐng)求包，所述圖片文件HTTP請(qǐng)求包中包括被請(qǐng)求的圖片文件的訪(fǎng)問(wèn)路徑； 圖片文件原始數(shù)據(jù)獲取單元，用于獲取服務(wù)器根據(jù)所述HTTP請(qǐng)求包返回的所述圖片文件原始數(shù)據(jù)。
9.根據(jù)權(quán)利要求6所述的系統(tǒng)，其特征在于，所述圖片文件處理模塊包括: 顯示單元，用于根據(jù)所述目標(biāo)頁(yè)面獲取所述圖片文件在目標(biāo)頁(yè)面中的位置信息，根據(jù)所述獲取到的位置信息顯示所述圖片文件。
10.根據(jù)權(quán)利要求7所述的系統(tǒng)，其特征在于，所述系統(tǒng)還包括: AJAX對(duì)象獲取模塊，用于獲取頁(yè)面創(chuàng)建的所述AJAX的對(duì)象XmlHttpRequest。
全文摘要
本發(fā)明實(shí)施例公開(kāi)了一種請(qǐng)求圖片文件的方法，包括獲取頁(yè)面通過(guò)AJAX發(fā)送的圖片文件請(qǐng)求；根據(jù)所述圖片文件請(qǐng)求獲取對(duì)應(yīng)的圖片文件原始數(shù)據(jù)；對(duì)所述圖片文件原始數(shù)據(jù)進(jìn)行解碼得到圖片文件，并顯示所述圖片文件。本發(fā)明實(shí)施例還公開(kāi)了一種請(qǐng)求圖片文件的系統(tǒng)。采用本發(fā)明，可通過(guò)AJAX異步下載圖片文件并進(jìn)行顯示，實(shí)現(xiàn)了在不更新整個(gè)頁(yè)面的前提下，可實(shí)時(shí)更新頁(yè)面中的圖片文件。
文檔編號(hào)G06F9/44GK103150334SQ20131003603
公開(kāi)日2013年6月12日 申請(qǐng)日期2013年1月30日 優(yōu)先權(quán)日2013年1月30日
發(fā)明者孫青青 申請(qǐng)人:深圳市同洲電子股份有限公司