基于網(wǎng)頁(yè)的文件上傳方法和裝置制造方法
【專利摘要】本發(fā)明提出一種基于網(wǎng)頁(yè)的文件上傳方法和裝置，其中所述方法包括以下步驟：接收用戶通過(guò)網(wǎng)頁(yè)發(fā)起的文件上傳請(qǐng)求和用戶選擇的文件；根據(jù)文件上傳請(qǐng)求和文件生成表單，其中，表單包括網(wǎng)頁(yè)的地址信息和用戶的用戶信息；根據(jù)文件上傳請(qǐng)求創(chuàng)建預(yù)設(shè)頁(yè)面；將表單的標(biāo)簽屬性重新定向至預(yù)設(shè)頁(yè)面，并通過(guò)預(yù)設(shè)頁(yè)面向服務(wù)器提交表單；以及接收服務(wù)器反饋的回調(diào)函數(shù)，并根據(jù)回調(diào)函數(shù)上傳文件。根據(jù)本發(fā)明實(shí)施例的方法，通過(guò)預(yù)設(shè)頁(yè)面完成文件的上傳，一方面通過(guò)預(yù)設(shè)頁(yè)面進(jìn)行文件上傳，用戶可以在網(wǎng)頁(yè)中進(jìn)行其他操作，另一方面對(duì)于較大的文件，無(wú)需用戶特意在網(wǎng)頁(yè)中等待上傳完畢，預(yù)設(shè)頁(yè)面即可完成自動(dòng)上傳，提升用戶體驗(yàn)。
【專利說(shuō)明】基于網(wǎng)頁(yè)的文件上傳方法和裝置
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及互聯(lián)網(wǎng)【技術(shù)領(lǐng)域】，尤其涉及一種基于網(wǎng)頁(yè)的文件上傳方法和裝置。
【背景技術(shù)】
[0002]目前，在瀏覽器中通過(guò)網(wǎng)頁(yè)上傳文件時(shí)往往通過(guò)當(dāng)前窗口或當(dāng)前網(wǎng)頁(yè)進(jìn)行。存在的問(wèn)題是，一方面當(dāng)前窗口或當(dāng)前網(wǎng)頁(yè)在文件的上傳過(guò)程中不能刷新，用戶在當(dāng)前窗口或當(dāng)前網(wǎng)頁(yè)中無(wú)法進(jìn)行其他操作；另一方面在上傳較大的文件時(shí)，需要等待較長(zhǎng)的時(shí)間，影響用戶體驗(yàn)。

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

[0003]本發(fā)明旨在至少解決上述技術(shù)問(wèn)題之一。
[0004]為此，本發(fā)明的一個(gè)目的在于提出一種基于網(wǎng)頁(yè)的文件上傳方法，該方法可以在預(yù)設(shè)頁(yè)面實(shí)現(xiàn)文件上傳，提升用戶體驗(yàn)。
[0005]本發(fā)明的另一目的在于提出一種基于網(wǎng)頁(yè)的文件上傳裝置。
[0006]為了實(shí)現(xiàn)上述目的，根據(jù)本發(fā)明第一方面的實(shí)施例的基于網(wǎng)頁(yè)的文件上傳方法包括以下步驟:a、接收用戶通過(guò)網(wǎng)頁(yè)發(fā)起的文件上傳請(qǐng)求和所述用戶選擇的文件；b、根據(jù)所述文件上傳請(qǐng)求和所述文件生成表單，其中，所述表單包括所述網(wǎng)頁(yè)的地址信息和所述用戶的用戶信息、根據(jù)所述文件上傳請(qǐng)求創(chuàng)建預(yù)設(shè)頁(yè)面；d、將所述表單的標(biāo)簽屬性重新定向至所述預(yù)設(shè)頁(yè)面，并通過(guò)所述預(yù)設(shè)頁(yè)面向服務(wù)器提交所述表單；以及e、接收所述服務(wù)器反饋的回調(diào)函數(shù)，并根據(jù)所述回調(diào)函數(shù)上傳所述文件。
[0007]根據(jù)本發(fā)明實(shí)施例的基于網(wǎng)頁(yè)的文件上傳方法，一方面通過(guò)預(yù)設(shè)頁(yè)面進(jìn)行文件上傳，用戶可以在網(wǎng)頁(yè)中進(jìn)行其他操作，另一方面對(duì)于較大的文件，無(wú)需用戶特意在網(wǎng)頁(yè)中等待上傳完畢，預(yù)設(shè)頁(yè)面即可完成自動(dòng)上傳，提升用戶體驗(yàn)。
[0008]為了實(shí)現(xiàn)上述目的，根據(jù)本發(fā)明第二方面的實(shí)施例的基于網(wǎng)頁(yè)的文件上傳裝置包括:接收模塊，用于接收用戶通過(guò)網(wǎng)頁(yè)發(fā)起的文件上傳請(qǐng)求和所述用戶選擇的文件；生成模塊，用于根據(jù)所述文件上傳請(qǐng)求和所述文件生成表單，其中，所述表單包括所述網(wǎng)頁(yè)的地址信息和所述用戶的用戶信息；創(chuàng)建模塊，用于根據(jù)所述文件上傳請(qǐng)求創(chuàng)建預(yù)設(shè)頁(yè)面；提交模塊，用于將所述表單的標(biāo)簽屬性重新定向至所述預(yù)設(shè)頁(yè)面，并通過(guò)所述預(yù)設(shè)頁(yè)面向服務(wù)器提交所述表單；以及上傳模塊，用于接收所述服務(wù)器反饋的回調(diào)函數(shù)，并根據(jù)所述回調(diào)函數(shù)上傳所述文件。
[0009]根據(jù)本發(fā)明實(shí)施例的基于網(wǎng)頁(yè)的文件上傳裝置，一方面通過(guò)預(yù)設(shè)頁(yè)面進(jìn)行文件上傳，用戶可以在網(wǎng)頁(yè)中進(jìn)行其他操作，另一方面對(duì)于較大的文件，無(wú)需用戶特意在網(wǎng)頁(yè)中等待上傳完畢，預(yù)設(shè)頁(yè)面即可完成自動(dòng)上傳，提升用戶體驗(yàn)。
[0010]本發(fā)明附加的方面和優(yōu)點(diǎn)將在下面的描述中部分給出，部分將從下面的描述中變得明顯，或通過(guò)本發(fā)明的實(shí)踐了解到。【專利附圖】

【附圖說(shuō)明】
[0011]本發(fā)明上述的和/或附加的方面和優(yōu)點(diǎn)從下面結(jié)合附圖對(duì)實(shí)施例的描述中將變得明顯和容易理解，其中，
[0012]圖1是根據(jù)本發(fā)明一個(gè)實(shí)施例的基于網(wǎng)頁(yè)的文件上傳方法的流程圖；
[0013]圖2是根據(jù)本發(fā)明一個(gè)實(shí)施例的基于網(wǎng)頁(yè)的文件上傳方法的流程圖；
[0014]圖3是根據(jù)本發(fā)明一個(gè)實(shí)施例的基于網(wǎng)頁(yè)的文件上傳方法的流程圖；
[0015]圖4是根據(jù)本發(fā)明一個(gè)實(shí)施例的基于網(wǎng)頁(yè)的文件上傳方法的流程圖；
[0016]圖5是根據(jù)本發(fā)明一個(gè)實(shí)施例的基于網(wǎng)頁(yè)的文件上傳裝置的結(jié)構(gòu)框圖；
[0017]圖6是根據(jù)本發(fā)明一個(gè)實(shí)施例的基于網(wǎng)頁(yè)的文件上傳裝置的結(jié)構(gòu)框圖；以及
[0018]圖7是根據(jù)本發(fā)明一個(gè)實(shí)施例的基于網(wǎng)頁(yè)的文件上傳裝置的結(jié)構(gòu)框圖。
【具體實(shí)施方式】
[0019]下面詳細(xì)描述本發(fā)明的實(shí)施例，所述實(shí)施例的示例在附圖中示出，其中自始至終相同或類似的標(biāo)號(hào)表示相同或類似的元件或具有相同或類似功能的元件。下面通過(guò)參考附圖描述的實(shí)施例是示例性的，僅用于解釋本發(fā)明，而不能理解為對(duì)本發(fā)明的限制。相反，本發(fā)明的實(shí)施例包括落入所附加權(quán)利要求書(shū)的精神和內(nèi)涵范圍內(nèi)的所有變化、修改和等同物。
[0020]在本發(fā)明的描述中，需要理解的是，術(shù)語(yǔ)“第一”、“第二”等僅用于描述目的，而不能理解為指示或暗示相對(duì)重要性。在本發(fā)明的描述中，需要說(shuō)明的是，除非另有明確的規(guī)定和限定，術(shù)語(yǔ)“相連”、“連接”應(yīng)做廣義理解，例如，可以是固定連接，也可以是可拆卸連接，或一體地連接；可以是機(jī)械連接，也可以是電連接；可以是直接相連，也可以通過(guò)中間媒介間接相連。對(duì)于本領(lǐng)域的普通技術(shù)人員而言，可以具體情況理解上述術(shù)語(yǔ)在本發(fā)明中的具體含義。此外，在本發(fā)明的描述中，除非另有說(shuō)明，“多個(gè)”的含義是兩個(gè)或兩個(gè)以上。
[0021]流程圖中或在此以其他方式描述的任何過(guò)程或方法描述可以被理解為，表示包括一個(gè)或更多個(gè)用于實(shí)現(xiàn)特定邏輯功能或過(guò)程的步驟的可執(zhí)行指令的代碼的模塊、片段或部分，并且本發(fā)明的優(yōu)選實(shí)施方式的范圍包括另外的實(shí)現(xiàn)，其中可以不按所示出或討論的順序，包括根據(jù)所涉及的功能按基本同時(shí)的方式或按相反的順序，來(lái)執(zhí)行功能，這應(yīng)被本發(fā)明的實(shí)施例所屬【技術(shù)領(lǐng)域】的技術(shù)人員所理解。
[0022]下面參考附圖描述根據(jù)本發(fā)明實(shí)施例的基于網(wǎng)頁(yè)的文件上傳方法和裝置。
[0023]一種基于網(wǎng)頁(yè)的文件上傳方法，包括以下步驟:a、接收用戶通過(guò)網(wǎng)頁(yè)發(fā)起的文件上傳請(qǐng)求和用戶選擇的文件山、根據(jù)文件上傳請(qǐng)求和文件生成表單，其中，表單包括網(wǎng)頁(yè)的地址信息和用戶的用戶信息、根據(jù)文件上傳請(qǐng)求創(chuàng)建預(yù)設(shè)頁(yè)面；d、將表單的標(biāo)簽屬性重新定向至預(yù)設(shè)頁(yè)面，并通過(guò)預(yù)設(shè)頁(yè)面向服務(wù)器提交表單；以及e、接收服務(wù)器反饋的回調(diào)函數(shù)，并根據(jù)回調(diào)函數(shù)上傳文件。
[0024]圖1是根據(jù)本發(fā)明一個(gè)實(shí)施例的基于網(wǎng)頁(yè)的文件上傳方法的流程圖。
[0025]如圖1所示，根據(jù)本發(fā)明實(shí)施例的基于網(wǎng)頁(yè)的文件上傳方法包括下述步驟。
[0026]步驟S101，接收用戶通過(guò)網(wǎng)頁(yè)發(fā)起的文件上傳請(qǐng)求和用戶選擇的文件。
[0027]例如，在網(wǎng)頁(yè)中為用戶提供文件上傳按鈕，用戶點(diǎn)擊該上傳按鈕以發(fā)起文件上傳請(qǐng)求，然后彈出的文件選擇器，用戶通過(guò)文件選擇器選擇所要上傳的文件。[0028]步驟S102，根據(jù)文件上傳請(qǐng)求和文件生成表單，其中，表單包括網(wǎng)頁(yè)的地址信息和用戶的用戶信息，用戶信息可以包括用戶名和密碼等。
[0029]步驟S103，根據(jù)文件上傳請(qǐng)求創(chuàng)建預(yù)設(shè)頁(yè)面。其中，預(yù)設(shè)頁(yè)面為網(wǎng)頁(yè)的窗口，例如，根據(jù)javascript腳本根據(jù)網(wǎng)頁(yè)建立的瀏覽器小窗口即為預(yù)設(shè)頁(yè)面。
[0030]步驟S104，將表單的標(biāo)簽屬性重新定向至預(yù)設(shè)頁(yè)面，并通過(guò)預(yù)設(shè)頁(yè)面向服務(wù)器提交表單。
[0031]其中，表單的標(biāo)簽屬性指定所鏈接的頁(yè)面在瀏覽器窗口中的打開(kāi)方式，將其重新定向至預(yù)設(shè)頁(yè)面，使得表單的提交獨(dú)立于當(dāng)前網(wǎng)頁(yè)在預(yù)設(shè)頁(yè)面中完成，通過(guò)預(yù)設(shè)頁(yè)面首先向服務(wù)器提交表單中的用戶信息。
[0032]步驟S105，接收服務(wù)器反饋的回調(diào)函數(shù)，并根據(jù)回調(diào)函數(shù)上傳文件。
[0033]具體地，在預(yù)設(shè)頁(yè)面中向服務(wù)器提交表單中的用戶信息之后，如果用戶信息正確則反饋回調(diào)函數(shù)，通過(guò)回調(diào)函數(shù)實(shí)現(xiàn)表單中的文件的上傳。
[0034]在本發(fā)明的一個(gè)實(shí)施例中，預(yù)設(shè)頁(yè)面按照預(yù)定時(shí)間向服務(wù)器發(fā)送查詢請(qǐng)求以獲得表單中文件的上傳進(jìn)度，并將上傳進(jìn)度顯示給用戶。例如，預(yù)設(shè)頁(yè)面可以通過(guò)ajax(Asynchronous JavaScript and XML,異步 JavaScript 和 XML)不停地向服務(wù)器發(fā)送查詢請(qǐng)求以獲得表單中文件的上傳進(jìn)度，并在預(yù)設(shè)頁(yè)面中以進(jìn)度條或百分比的形式顯示上傳進(jìn)度，還可顯示上傳速度、已傳的文件大小、剩余的文件大小和剩余的時(shí)間等。
[0035]根據(jù)本發(fā)明實(shí)施例的基于網(wǎng)頁(yè)的文件上傳方法，一方面通過(guò)預(yù)設(shè)頁(yè)面進(jìn)行文件上傳，用戶可以在網(wǎng)頁(yè)中進(jìn)行其他操作，另一方面對(duì)于較大的文件，無(wú)需用戶特意在網(wǎng)頁(yè)中等待上傳完畢，預(yù)設(shè)頁(yè)面即可完成自動(dòng)上傳，提升用戶體驗(yàn)。
[0036]圖2是根據(jù)本發(fā)明一個(gè)實(shí)施例的基于網(wǎng)頁(yè)的文件上傳方法的流程圖。
[0037]如圖2所示，根據(jù)本發(fā)明實(shí)施例的基于網(wǎng)頁(yè)的文件上傳方法包括下述步驟。
[0038]步驟S201，接收用戶通過(guò)網(wǎng)頁(yè)發(fā)起的文件上傳請(qǐng)求和用戶選擇的文件。
[0039]例如，在網(wǎng)頁(yè)中為用戶提供文件上傳按鈕，用戶點(diǎn)擊該上傳按鈕以發(fā)起文件上傳請(qǐng)求，然后彈出的文件選擇器，用戶通過(guò)文件選擇器選擇所要上傳的文件。
[0040]步驟S202，根據(jù)文件上傳請(qǐng)求和文件生成表單，其中，表單包括網(wǎng)頁(yè)的地址信息和用戶的用戶信息，用戶信息可以包括用戶名和密碼等。
[0041]步驟S203，根據(jù)文件上傳請(qǐng)求創(chuàng)建預(yù)設(shè)頁(yè)面。其中，預(yù)設(shè)頁(yè)面為網(wǎng)頁(yè)的窗口，例如，根據(jù)javascript腳本根據(jù)網(wǎng)頁(yè)建立的瀏覽器小窗口即為預(yù)設(shè)頁(yè)面。
[0042]步驟S204,在預(yù)設(shè)頁(yè)面中創(chuàng)建文檔框架iframe。其中，iframe為HTML的標(biāo)簽之一，作用是文檔中的文檔，或者浮動(dòng)的框架。
[0043]步驟S205,將表單的標(biāo)簽屬性重新定向至iframe,并通過(guò)iframe向服務(wù)器提交表單。
[0044]其中，表單的標(biāo)簽屬性指定所鏈接的頁(yè)面在瀏覽器窗口中的打開(kāi)方式，將其重新定向至預(yù)設(shè)頁(yè)面中的iframe，使得表單的提交獨(dú)立于當(dāng)前網(wǎng)頁(yè)在預(yù)設(shè)頁(yè)面中完成，通過(guò)iframe首先向服務(wù)器提交表單中的用戶信息。
[0045]步驟S206，接收服務(wù)器反饋的回調(diào)函數(shù)，并根據(jù)回調(diào)函數(shù)上傳文件。
[0046]具體地，通過(guò)iframe向服務(wù)器提交表單中的用戶信息之后，如果用戶信息正確則反饋回調(diào)函數(shù)，通過(guò)回調(diào)函數(shù)實(shí)現(xiàn)表單中的文件的上傳。[0047]在本發(fā)明的一個(gè)實(shí)施例中，預(yù)設(shè)頁(yè)面按照預(yù)定時(shí)間向服務(wù)器發(fā)送查詢請(qǐng)求以獲得表單中文件的上傳進(jìn)度，并將上傳進(jìn)度顯示給用戶。例如，預(yù)設(shè)頁(yè)面可以通過(guò)ajax(Asynchronous JavaScript and XML,異步 JavaScript 和 XML)不停地向服務(wù)器發(fā)送查詢請(qǐng)求以獲得表單中文件的上傳進(jìn)度，并在預(yù)設(shè)頁(yè)面中以進(jìn)度條或百分比的形式顯示上傳進(jìn)度，還可顯示上傳速度、已傳的文件大小、剩余的文件大小和剩余的時(shí)間等。
[0048]根據(jù)本發(fā)明實(shí)施例的基于網(wǎng)頁(yè)的文件上傳方法，還可以在預(yù)設(shè)頁(yè)面中通過(guò)創(chuàng)建iframe以完成文件的上傳。
[0049]圖3是根據(jù)本發(fā)明一個(gè)實(shí)施例的基于網(wǎng)頁(yè)的文件上傳方法的流程圖。
[0050]如圖3所示，根據(jù)本發(fā)明實(shí)施例的基于網(wǎng)頁(yè)的文件上傳方法包括下述步驟。
[0051]步驟S301，接收用戶通過(guò)網(wǎng)頁(yè)發(fā)起的文件上傳請(qǐng)求和用戶選擇的文件。
[0052]例如，在網(wǎng)頁(yè)中為用戶提供文件上傳按鈕，用戶點(diǎn)擊該上傳按鈕以發(fā)起文件上傳請(qǐng)求，然后彈出的文件選擇器，用戶通過(guò)文件選擇器選擇所要上傳的文件。
[0053]步驟S302，根據(jù)文件上傳請(qǐng)求和文件生成表單，其中，表單包括網(wǎng)頁(yè)的地址信息和用戶的用戶信息，用戶信息可以包括用戶名和密碼等。
[0054]步驟S303，根據(jù)文件上傳請(qǐng)求創(chuàng)建預(yù)設(shè)頁(yè)面。其中，預(yù)設(shè)頁(yè)面為網(wǎng)頁(yè)的窗口，例如，根據(jù)javascript腳本根據(jù)網(wǎng)頁(yè)建立的瀏覽器小窗口即為預(yù)設(shè)頁(yè)面。
[0055]步驟S304，將表單的標(biāo)簽屬性重新定向至預(yù)設(shè)頁(yè)面，并通過(guò)預(yù)設(shè)頁(yè)面向服務(wù)器提交表單。
[0056]其中，表單的標(biāo)簽屬性指定所鏈接的頁(yè)面在瀏覽器窗口中的打開(kāi)方式，將其重新定向至預(yù)設(shè)頁(yè)面，使得表單的提交獨(dú)立于當(dāng)前網(wǎng)頁(yè)在預(yù)設(shè)頁(yè)面中完成，通過(guò)預(yù)設(shè)頁(yè)面首先向服務(wù)器提交表單中的用戶信息。
[0057]步驟S305，接收服務(wù)器反饋的回調(diào)函數(shù)，并根據(jù)回調(diào)函數(shù)上傳文件。
[0058]具體地，在預(yù)設(shè)頁(yè)面中向服務(wù)器提交表單中的用戶信息之后，如果用戶信息正確則反饋回調(diào)函數(shù)，通過(guò)回調(diào)函數(shù)實(shí)現(xiàn)表單中的文件的上傳。
[0059]在本發(fā)明的一個(gè)實(shí)施例中，預(yù)設(shè)頁(yè)面按照預(yù)定時(shí)間向服務(wù)器發(fā)送查詢請(qǐng)求以獲得表單中文件的上傳進(jìn)度，并將上傳進(jìn)度顯示給用戶。例如，預(yù)設(shè)頁(yè)面可以通過(guò)ajax(Asynchronous JavaScript and XML,異步 JavaScript 和 XML)不停地向服務(wù)器發(fā)送查詢請(qǐng)求以獲得表單中文件的上傳進(jìn)度，并在預(yù)設(shè)頁(yè)面中以進(jìn)度條或百分比的形式顯示上傳進(jìn)度，還可顯示上傳速度、已傳的文件大小、剩余的文件大小和剩余的時(shí)間等。
[0060]步驟S306，在預(yù)設(shè)頁(yè)面中為用戶提供文本輸入框。
[0061]步驟S307，接收用戶在文本輸入框中輸入的對(duì)文件的描述信息，并通過(guò)預(yù)設(shè)頁(yè)面將描述信息隨附至文件發(fā)送至服務(wù)器。
[0062]在本發(fā)明的一個(gè)實(shí)施例中，還可以在預(yù)設(shè)頁(yè)面中創(chuàng)建iframe，并將表單的標(biāo)簽屬性重新定向至iframe,以及通過(guò)iframe向服務(wù)器提交表單。
[0063]根據(jù)本發(fā)明實(shí)施例的基于網(wǎng)頁(yè)的文件上傳方法，還可以將用戶對(duì)文件的描述信息發(fā)送至服務(wù)器。
[0064]圖4是根據(jù)本發(fā)明一個(gè)實(shí)施例的基于網(wǎng)頁(yè)的文件上傳方法的流程圖。
[0065]如圖4所示，根據(jù)本發(fā)明實(shí)施例的基于網(wǎng)頁(yè)的文件上傳方法包括下述步驟。
[0066]步驟S401，接收用戶通過(guò)網(wǎng)頁(yè)發(fā)起的文件上傳請(qǐng)求和用戶選擇的文件。[0067]例如，在網(wǎng)頁(yè)中為用戶提供文件上傳按鈕，用戶點(diǎn)擊該上傳按鈕以發(fā)起文件上傳請(qǐng)求，然后彈出的文件選擇器，用戶通過(guò)文件選擇器選擇所要上傳的文件。
[0068]步驟S402，根據(jù)文件上傳請(qǐng)求和文件生成表單，其中，表單包括網(wǎng)頁(yè)的地址信息和用戶的用戶信息，用戶信息可以包括用戶名和密碼等。
[0069]步驟S403，根據(jù)文件上傳請(qǐng)求創(chuàng)建預(yù)設(shè)頁(yè)面。其中，預(yù)設(shè)頁(yè)面為網(wǎng)頁(yè)的窗口，例如，根據(jù)javascript腳本根據(jù)網(wǎng)頁(yè)建立的瀏覽器小窗口即為預(yù)設(shè)頁(yè)面。
[0070]步驟S404，將表單的標(biāo)簽屬性重新定向至預(yù)設(shè)頁(yè)面，并通過(guò)預(yù)設(shè)頁(yè)面向服務(wù)器提交表單。
[0071]其中，表單的標(biāo)簽屬性指定所鏈接的頁(yè)面在瀏覽器窗口中的打開(kāi)方式，將其重新定向至預(yù)設(shè)頁(yè)面，使得表單的提交獨(dú)立于當(dāng)前網(wǎng)頁(yè)在預(yù)設(shè)頁(yè)面中完成，通過(guò)預(yù)設(shè)頁(yè)面首先向服務(wù)器提交表單中的用戶信息。
[0072]步驟S405，接收服務(wù)器反饋的回調(diào)函數(shù)，并根據(jù)回調(diào)函數(shù)上傳文件。
[0073]具體地，在預(yù)設(shè)頁(yè)面中向服務(wù)器提交表單中的用戶信息之后，如果用戶信息正確則反饋回調(diào)函數(shù)，通過(guò)回調(diào)函數(shù)實(shí)現(xiàn)表單中的文件的上傳。
[0074]在本發(fā)明的一個(gè)實(shí)施例中，預(yù)設(shè)頁(yè)面按照預(yù)定時(shí)間向服務(wù)器發(fā)送查詢請(qǐng)求以獲得表單中文件的上傳進(jìn)度，并將上傳進(jìn)度顯示給用戶。例如，預(yù)設(shè)頁(yè)面可以通過(guò)ajax(Asynchronous JavaScript and XML,異步 JavaScript 和 XML)不停地向服務(wù)器發(fā)送查詢請(qǐng)求以獲得表單中文件的上傳進(jìn)度，并在預(yù)設(shè)頁(yè)面中以進(jìn)度條或百分比的形式顯示上傳進(jìn)度，還可顯示上傳速度、已傳的文件大小、剩余的文件大小和剩余的時(shí)間等。
[0075]步驟S406，在預(yù)設(shè)頁(yè)面中為用戶提供文本輸入框。
[0076]步驟S407，接收用戶在文本輸入框中輸入的對(duì)文件的描述信息，并通過(guò)預(yù)設(shè)頁(yè)面將描述信息隨附至文件發(fā)送至服務(wù)器。
[0077]步驟S408，在預(yù)設(shè)頁(yè)面中設(shè)置取消按鍵，且當(dāng)用戶觸發(fā)取消按鍵時(shí)，預(yù)設(shè)頁(yè)面向服務(wù)器發(fā)送上傳取消請(qǐng)求，并根據(jù)上傳取消請(qǐng)求取消文件的上傳。
[0078]在本發(fā)明的一個(gè)實(shí)施例中，步驟S406和步驟S407是可選的。
[0079]在本發(fā)明的一個(gè)實(shí)施例中，步驟S408可在步驟S406之前實(shí)施。
[0080]根據(jù)本發(fā)明實(shí)施例的基于網(wǎng)頁(yè)的文件上傳方法，還可以實(shí)現(xiàn)文件的取消上傳操作。
[0081 ] 為了實(shí)現(xiàn)上述實(shí)施例，本發(fā)明還提出一種基于網(wǎng)頁(yè)的文件上傳裝置。
[0082]一種基于網(wǎng)頁(yè)的文件上傳裝置，包括:接收模塊，用于接收用戶通過(guò)網(wǎng)頁(yè)發(fā)起的文件上傳請(qǐng)求和用戶選擇的文件；生成模塊,用于根據(jù)文件上傳請(qǐng)求和文件生成表單,其中，表單包括網(wǎng)頁(yè)的地址信息和用戶的用戶信息；創(chuàng)建模塊，用于根據(jù)文件上傳請(qǐng)求創(chuàng)建預(yù)設(shè)頁(yè)面；提交模塊，用于將表單的標(biāo)簽屬性重新定向至預(yù)設(shè)頁(yè)面，并通過(guò)預(yù)設(shè)頁(yè)面向服務(wù)器提交表單；以及上傳模塊，用于接收服務(wù)器反饋的回調(diào)函數(shù)，并根據(jù)回調(diào)函數(shù)上傳文件。
[0083]圖5是根據(jù)本發(fā)明一個(gè)實(shí)施例的基于網(wǎng)頁(yè)的文件上傳裝置的結(jié)構(gòu)框圖。
[0084]如圖5所示，根據(jù)本發(fā)明實(shí)施例的基于網(wǎng)頁(yè)的文件上傳裝置包括:接收模塊100、生成模塊200、創(chuàng)建模塊300、提交模塊400和上傳模塊500。
[0085]具體地，接收模塊100用于接收用戶通過(guò)網(wǎng)頁(yè)發(fā)起的文件上傳請(qǐng)求和用戶選擇的文件。例如，在網(wǎng)頁(yè)中為用戶提供文件上傳按鈕，用戶點(diǎn)擊該上傳按鈕以發(fā)起文件上傳請(qǐng)求，然后彈出的文件選擇器，用戶通過(guò)文件選擇器選擇所要上傳的文件，接收模塊100接收到該文件上傳請(qǐng)求和用戶所選擇的文件。
[0086]生成模塊200用于根據(jù)文件上傳請(qǐng)求和文件生成表單，其中，表單包括網(wǎng)頁(yè)的地址信息和用戶的用戶信息，用戶信息可以包括用戶名和密碼等。
[0087]創(chuàng)建模塊300用于根據(jù)文件上傳請(qǐng)求創(chuàng)建預(yù)設(shè)頁(yè)面。其中，預(yù)設(shè)頁(yè)面為網(wǎng)頁(yè)的窗口，例如，根據(jù)javascript腳本根據(jù)網(wǎng)頁(yè)建立的瀏覽器小窗口即為預(yù)設(shè)頁(yè)面。
[0088]提交模塊400用于將表單的標(biāo)簽屬性重新定向至預(yù)設(shè)頁(yè)面，并通過(guò)預(yù)設(shè)頁(yè)面向服務(wù)器提交表單。其中，表單的標(biāo)簽屬性指定所鏈接的頁(yè)面在瀏覽器窗口中的打開(kāi)方式，將其重新定向至預(yù)設(shè)頁(yè)面，使得表單的提交獨(dú)立于當(dāng)前網(wǎng)頁(yè)在預(yù)設(shè)頁(yè)面中完成，提交模塊400通過(guò)預(yù)設(shè)頁(yè)面向服務(wù)器提交表單中的用戶信息。
[0089]上傳模塊500用于接收服務(wù)器反饋的回調(diào)函數(shù)，并根據(jù)回調(diào)函數(shù)上傳文件。其中，在提交模塊400預(yù)設(shè)頁(yè)面中向服務(wù)器提交表單中的用戶信息之后，如果用戶信息正確則反饋回調(diào)函數(shù)，上傳模塊500通過(guò)回調(diào)函數(shù)實(shí)現(xiàn)表單中的文件的上傳。
[0090]根據(jù)本發(fā)明實(shí)施例的基于網(wǎng)頁(yè)的文件上傳裝置，一方面通過(guò)預(yù)設(shè)頁(yè)面進(jìn)行文件上傳，用戶可以在網(wǎng)頁(yè)中進(jìn)行其他操作，另一方面對(duì)于較大的文件，無(wú)需用戶特意在網(wǎng)頁(yè)中等待上傳完畢，預(yù)設(shè)頁(yè)面即可完成自動(dòng)上傳，提升用戶體驗(yàn)。
[0091]在本發(fā)明的一個(gè)實(shí)施例中，預(yù)設(shè)頁(yè)面按照預(yù)定時(shí)間向服務(wù)器發(fā)送查詢請(qǐng)求以獲得表單中文件的上傳進(jìn)度，并將上傳進(jìn)度顯示給用戶。例如，預(yù)設(shè)頁(yè)面可以通過(guò)ajax(Asynchronous JavaScript and XML,異步 JavaScript 和 XML)不停地向服務(wù)器發(fā)送查詢請(qǐng)求以獲得表單中文件的上傳進(jìn)度，并在預(yù)設(shè)頁(yè)面中以進(jìn)度條或百分比的形式顯示上傳進(jìn)度，還可顯示上傳速度、已傳的文件大小、剩余的文件大小和剩余的時(shí)間等。
[0092]在本發(fā)明的一個(gè)實(shí)施例中，創(chuàng)建模塊300進(jìn)一步用于在預(yù)設(shè)頁(yè)面中創(chuàng)建文檔框架iframe，其中，iframe為HTML的標(biāo)簽之一，作用是文檔中的文檔，或者浮動(dòng)的框架，提交模塊400進(jìn)一步用于將表單的標(biāo)簽屬性重新定向至iframe,并通過(guò)iframe向服務(wù)器提交表單。由此還可以在預(yù)設(shè)頁(yè)面中通過(guò)創(chuàng)建iframe以完成文件的上傳。
[0093]圖6是根據(jù)本發(fā)明一個(gè)實(shí)施例的基于網(wǎng)頁(yè)的文件上傳裝置的結(jié)構(gòu)框圖。
[0094]如圖6所示，根據(jù)本發(fā)明實(shí)施例的基于網(wǎng)頁(yè)的文件上傳裝置包括:接收模塊100、生成模塊200、創(chuàng)建模塊300、提交模塊400、上傳模塊500和上傳控制模塊600。
[0095]具體地，接收模塊100用于接收用戶通過(guò)網(wǎng)頁(yè)發(fā)起的文件上傳請(qǐng)求和用戶選擇的文件。生成模塊200用于根據(jù)文件上傳請(qǐng)求和文件生成表單，其中，表單包括網(wǎng)頁(yè)的地址信息和用戶的用戶信息。創(chuàng)建模塊300用于根據(jù)文件上傳請(qǐng)求創(chuàng)建預(yù)設(shè)頁(yè)面，其中，預(yù)設(shè)頁(yè)面為頁(yè)面的窗口。提交模塊400用于將表單的標(biāo)簽屬性重新定向至預(yù)設(shè)頁(yè)面，并通過(guò)預(yù)設(shè)頁(yè)面向服務(wù)器提交表單。上傳模塊500用于接收服務(wù)器反饋的回調(diào)函數(shù)，并根據(jù)回調(diào)函數(shù)上傳文件。上傳控制模塊600用于在預(yù)設(shè)頁(yè)面中為用戶提供文本輸入框，并接收用戶在文本輸入框中輸入的對(duì)文件的描述信息，并通過(guò)預(yù)設(shè)頁(yè)面將描述信息隨附至文件發(fā)送至服務(wù)器。
[0096]根據(jù)本發(fā)明實(shí)施例的基于網(wǎng)頁(yè)的文件上傳裝置，通過(guò)上傳控制模塊還可以將用戶對(duì)文件的描述信息發(fā)送至服務(wù)器。
[0097]圖7是根據(jù)本發(fā)明一個(gè)實(shí)施例的基于網(wǎng)頁(yè)的文件上傳裝置的結(jié)構(gòu)框圖。[0098]如圖7所示，根據(jù)本發(fā)明實(shí)施例的基于網(wǎng)頁(yè)的文件上傳裝置包括:接收模塊100、生成模塊200、創(chuàng)建模塊300、提交模塊400、上傳模塊500、上傳控制模塊600和取消控制模塊 700。
[0099]具體地，接收模塊100用于接收用戶通過(guò)網(wǎng)頁(yè)發(fā)起的文件上傳請(qǐng)求和用戶選擇的文件。生成模塊200用于根據(jù)文件上傳請(qǐng)求和文件生成表單，其中，表單包括網(wǎng)頁(yè)的地址信息和用戶的用戶信息。創(chuàng)建模塊300用于根據(jù)文件上傳請(qǐng)求創(chuàng)建預(yù)設(shè)頁(yè)面，其中，預(yù)設(shè)頁(yè)面為頁(yè)面的窗口。提交模塊400用于將表單的標(biāo)簽屬性重新定向至預(yù)設(shè)頁(yè)面，并通過(guò)預(yù)設(shè)頁(yè)面向服務(wù)器提交表單。上傳模塊500用于接收服務(wù)器反饋的回調(diào)函數(shù)，并根據(jù)回調(diào)函數(shù)上傳文件。上傳控制模塊600用于在預(yù)設(shè)頁(yè)面中為用戶提供文本輸入框，并接收用戶在文本輸入框中輸入的對(duì)文件的描述信息，并通過(guò)預(yù)設(shè)頁(yè)面將描述信息隨附至文件發(fā)送至服務(wù)器。取消控制模塊700用于在預(yù)設(shè)頁(yè)面中設(shè)置取消按鍵，且當(dāng)用戶觸發(fā)取消按鍵時(shí)，預(yù)設(shè)頁(yè)面向服務(wù)器發(fā)送上傳取消請(qǐng)求，并根據(jù)上傳取消請(qǐng)求取消文件的上傳。
[0100]根據(jù)本發(fā)明實(shí)施例的基于網(wǎng)頁(yè)的文件上傳裝置，通過(guò)取消控制模塊用戶還可以實(shí)現(xiàn)文件的取消上傳操作。
[0101]應(yīng)當(dāng)理解，本發(fā)明的各部分可以用硬件、軟件、固件或它們的組合來(lái)實(shí)現(xiàn)。在上述實(shí)施方式中，多個(gè)步驟或方法可以用存儲(chǔ)在存儲(chǔ)器中且由合適的指令執(zhí)行系統(tǒng)執(zhí)行的軟件或固件來(lái)實(shí)現(xiàn)。例如，如果用硬件來(lái)實(shí)現(xiàn)，和在另一實(shí)施方式中一樣，可用本領(lǐng)域公知的下列技術(shù)中的任一項(xiàng)或他們的組合來(lái)實(shí)現(xiàn):具有用于對(duì)數(shù)據(jù)信號(hào)實(shí)現(xiàn)邏輯功能的邏輯門(mén)電路的離散邏輯電路，具有合適的組合邏輯門(mén)電路的專用集成電路，可編程門(mén)陣列(PGA)，現(xiàn)場(chǎng)可編程門(mén)陣列(FPGA)等。
[0102]在本說(shuō)明書(shū)的描述中，參考術(shù)語(yǔ)“一個(gè)實(shí)施例”、“一些實(shí)施例”、“示例”、“具體示例”、或“一些示例”等的描述意指結(jié)合該實(shí)施例或示例描述的具體特征、結(jié)構(gòu)、材料或者特點(diǎn)包含于本發(fā)明的至少一個(gè)實(shí)施例或示例中。在本說(shuō)明書(shū)中，對(duì)上述術(shù)語(yǔ)的示意性表述不一定指的是相同的實(shí)施例或示例。而且，描述的具體特征、結(jié)構(gòu)、材料或者特點(diǎn)可以在任何的一個(gè)或多個(gè)實(shí)施例或示例中以合適的方式結(jié)合。
[0103]盡管已經(jīng)示出和描述了本發(fā)明的實(shí)施例，對(duì)于本領(lǐng)域的普通技術(shù)人員而言，可以理解在不脫離本發(fā)明的原理和精神的情況下可以對(duì)這些實(shí)施例進(jìn)行多種變化、修改、替換和變型，本發(fā)明的范圍由所附權(quán)利要求及其等同限定。
【權(quán)利要求】
1.一種基于網(wǎng)頁(yè)的文件上傳方法，其特征在于，包括以下步驟: a、接收用戶通過(guò)網(wǎng)頁(yè)發(fā)起的文件上傳請(qǐng)求和所述用戶選擇的文件； b、根據(jù)所述文件上傳請(qǐng)求和所述文件生成表單，其中，所述表單包括所述網(wǎng)頁(yè)的地址信息和所述用戶的用戶信息； C、根據(jù)所述文件上傳請(qǐng)求創(chuàng)建預(yù)設(shè)頁(yè)面； d、將所述表單的標(biāo)簽屬性重新定向至所述預(yù)設(shè)頁(yè)面，并通過(guò)所述預(yù)設(shè)頁(yè)面向服務(wù)器提交所述表單；以及 e、接收所述服務(wù)器反饋的回調(diào)函數(shù)，并根據(jù)所述回調(diào)函數(shù)上傳所述文件。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述步驟d進(jìn)一步包括: 在所述預(yù)設(shè)頁(yè)面中創(chuàng)建文檔框架iframe ;以及 將所述表單的標(biāo)簽屬性重新定向至所述iframe,并通過(guò)所述iframe向所述服務(wù)器提交所述表單。
3.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述預(yù)設(shè)頁(yè)面按照預(yù)定時(shí)間向所述服務(wù)器發(fā)送查詢請(qǐng)求以獲得所述表單中所述文件的上傳進(jìn)度，并將所述上傳進(jìn)度顯示給所述用戶。
4.根據(jù)權(quán)利要求3所述的方法，其特征在于，還包括以下步驟: 在所述預(yù)設(shè)頁(yè)面中為所述用戶提供文本輸入框；以及 接收所述用戶在所述文本輸入框中輸入的對(duì)所述文件的描述信息，并通過(guò)所述預(yù)設(shè)頁(yè)面將所述描述信息隨附至所述文件發(fā)送至所述服務(wù)器。
5.根據(jù)權(quán)利要求3所述的方法，其特征在于，還包括以下步驟: 在所述預(yù)設(shè)頁(yè)面中設(shè)置取消按鍵，且當(dāng)所述用戶觸發(fā)所述取消按鍵時(shí)，所述預(yù)設(shè)頁(yè)面向所述服務(wù)器發(fā)送上傳取消請(qǐng)求，并根據(jù)所述上傳取消請(qǐng)求取消所述文件的上傳。
6.根據(jù)權(quán)利要求1-5任一項(xiàng)所述的方法，其特征在于，所述用戶信息包括用戶名和密碼。
7.根據(jù)權(quán)利要求1-5任一項(xiàng)所述的方法，其特征在于，所述預(yù)設(shè)頁(yè)面為所述網(wǎng)頁(yè)的窗□。
8.一種基于網(wǎng)頁(yè)的文件上傳裝置，其特征在于，包括: 接收模塊，用于接收用戶通過(guò)網(wǎng)頁(yè)發(fā)起的文件上傳請(qǐng)求和所述用戶選擇的文件； 生成模塊，用于根據(jù)所述文件上傳請(qǐng)求和所述文件生成表單，其中，所述表單包括所述網(wǎng)頁(yè)的地址信息和所述用戶的用戶信息； 創(chuàng)建模塊，用于根據(jù)所述文件上傳請(qǐng)求創(chuàng)建預(yù)設(shè)頁(yè)面； 提交模塊，用于將所述表單的標(biāo)簽屬性重新定向至所述預(yù)設(shè)頁(yè)面，并通過(guò)所述預(yù)設(shè)頁(yè)面向服務(wù)器提交所述表單；以及 上傳模塊，用于接收所述服務(wù)器反饋的回調(diào)函數(shù)，并根據(jù)所述回調(diào)函數(shù)上傳所述文件。
9.根據(jù)權(quán)利要求8所述的裝置，其特征在于，所述創(chuàng)建模塊進(jìn)一步用于在所述預(yù)設(shè)頁(yè)面中創(chuàng)建文檔框架iframe，所述提交模塊進(jìn)一步用于將所述表單的標(biāo)簽屬性重新定向至所述iframe,并通過(guò)所述iframe向所述服務(wù)器提交所述表單。
10.根據(jù)權(quán)利要求9所述的裝置，其特征在于，所述預(yù)設(shè)頁(yè)面按照預(yù)定時(shí)間向所述服務(wù)器發(fā)送查詢請(qǐng)求以獲得所述表單中所述文件的上傳進(jìn)度，并將所述上傳進(jìn)度顯示給所述用戶。
11.根據(jù)權(quán)利要求10所述的裝置，其特征在于，還包括: 上傳控制模塊，用于在所述預(yù)設(shè)頁(yè)面中為所述用戶提供文本輸入框，并接收所述用戶在所述文本輸入框中輸入的對(duì)所述文件的描述信息，并通過(guò)所述預(yù)設(shè)頁(yè)面將所述描述信息隨附至所述文件發(fā)送至所述服務(wù)器。
12.根據(jù)權(quán)利要求10所述的裝置，其特征在于，還包括: 取消控制模塊，用于在所述預(yù)設(shè)頁(yè)面中設(shè)置取消按鍵，且當(dāng)所述用戶觸發(fā)所述取消按鍵時(shí)，所述預(yù)設(shè)頁(yè)面向所述服務(wù)器發(fā)送上傳取消請(qǐng)求，并根據(jù)所述上傳取消請(qǐng)求取消所述文件的上傳。
13.根據(jù)權(quán)利要求8-12任一項(xiàng)所述的裝置，其特征在于，所述用戶信息包括用戶名和密碼。
14.根據(jù)權(quán)利 要求8-12任一項(xiàng)所述的裝置，其特征在于，所述預(yù)設(shè)頁(yè)面為所述網(wǎng)頁(yè)的窗P。
【文檔編號(hào)】G06F17/30GK103944937SQ201310022053
【公開(kāi)日】2014年7月23日 申請(qǐng)日期:2013年1月21日 優(yōu)先權(quán)日:2013年1月21日
【發(fā)明者】李明福 申請(qǐng)人:百度在線網(wǎng)絡(luò)技術(shù)（北京）有限公司