向web頁(yè)面動(dòng)態(tài)插入本地文件的一鍵式處理方法和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及網(wǎng)絡(luò)應(yīng)用技術(shù)，特別是涉及在WEB頁(yè)面中通過(guò)一次按鍵即可實(shí)現(xiàn)動(dòng)態(tài)插入本地文件的方法和實(shí)現(xiàn)該方法的裝置。
【背景技術(shù)】
[0002]當(dāng)前，在瀏覽器中通過(guò)腳本直接動(dòng)態(tài)編輯WEB頁(yè)面的過(guò)程中，如果需要使用本地文件，必須首先手工上傳本地文件到適合的網(wǎng)絡(luò)服務(wù)器中，然后將上傳后文件的URL地址插入到頁(yè)面中。也就是說(shuō)，除了需要將需要上傳的本地文件添加到上傳提交框內(nèi)，還需要再點(diǎn)擊上傳鍵才能上傳到網(wǎng)絡(luò)服務(wù)器中，然后再將上傳后文件的URL地址插入到頁(yè)面中，這樣的過(guò)程給使用者帶來(lái)了很大不便。

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

[0003]本發(fā)明解決現(xiàn)有技術(shù)向WEB頁(yè)面動(dòng)態(tài)插入本地文件時(shí)操作步驟較多，使用不方便的技術(shù)問(wèn)題，提供一種方法，能夠減少手工操作步驟，一次按鍵即可實(shí)現(xiàn)動(dòng)態(tài)插入本地文件的方法和實(shí)現(xiàn)該方法的裝置。
[0004]本發(fā)明方法包括如下步驟:
[0005]A、在插入文件或類似界面中直接顯示標(biāo)準(zhǔn)的HTML文件上傳提交框或隱藏上傳提交框只保留瀏覽按鈕，為所述上傳提交框添加事件，所述添加的事件為一旦上傳提交框內(nèi)的內(nèi)容發(fā)生改變，即自動(dòng)將改變后的內(nèi)容提交到對(duì)應(yīng)的服務(wù)器；
[0006]B、在服務(wù)器中預(yù)先建立接收上傳文件請(qǐng)求的服務(wù)器腳本，且所述服務(wù)器腳本建立如下機(jī)制:在接收到上傳文件的請(qǐng)求后，立即開(kāi)始上傳，文件上傳后按照預(yù)定的路徑和名稱規(guī)則產(chǎn)生網(wǎng)絡(luò)路徑和名稱并保存，返回一個(gè)攜帶剛剛產(chǎn)生的網(wǎng)絡(luò)路徑和名稱信息的HTML文件，該HTML文件中包含一個(gè)自動(dòng)運(yùn)行的客戶端腳本。
[0007]C、返回的HTML文件一旦在客戶端裝載完畢，其中包含的客戶端腳本立即自動(dòng)運(yùn)行，將攜帶的剛剛上傳并保存新的文件路徑和名稱的HTML文件插入到原頁(yè)面中需要插入文件的位置，插入動(dòng)作即全部完成。
[0008]本發(fā)明裝置包括順次相連的:
[0009]客戶端上傳提交框內(nèi)容改變判斷模塊，上傳命令模塊；
[0010]服務(wù)器端上傳接收模塊，服務(wù)器端網(wǎng)絡(luò)路徑和名稱產(chǎn)生及保存模塊，HTML文件返回模塊；
[0011]和客戶端HTML文件插入模塊；
[0012]所述客戶端上傳提交框內(nèi)容改變判斷模塊判斷上傳提交框的內(nèi)容是否改變，如果改變，由上傳命令模塊將改變后的內(nèi)容提交到對(duì)應(yīng)的服務(wù)器；服務(wù)器端上傳接收模塊接收客戶端上傳命令模塊上傳的請(qǐng)求并允許文件立即上傳，然后將上傳文件傳遞給網(wǎng)絡(luò)路徑和名稱產(chǎn)生及保存模塊給該文件在服務(wù)器端產(chǎn)生新的網(wǎng)絡(luò)路徑和名稱，并使該文件產(chǎn)生一自動(dòng)運(yùn)行的客戶端腳本，網(wǎng)絡(luò)路徑和名稱產(chǎn)生及保存模塊再將該具有新的網(wǎng)絡(luò)路徑和名稱且具有自動(dòng)運(yùn)行的客戶端腳本的文件傳遞給HTML文件返回模塊，由該模塊將文件返回客戶端，由客戶端HTML文件插入模塊完成文件的插入。
[0013]技術(shù)效果:
[0014]本發(fā)明由于分別在客戶端和服務(wù)器端建立了相應(yīng)的傳送和接收機(jī)制，因此，按照瀏覽器的機(jī)制，當(dāng)“瀏覽”按鈕被點(diǎn)擊后彈出本地文件對(duì)話框，選中文件后點(diǎn)擊確定，文件路徑和名稱會(huì)自動(dòng)回填到文件上傳提交框的輸入框中，此時(shí)，由于上傳提交框的內(nèi)容發(fā)生了改變，因此無(wú)須用戶再點(diǎn)擊提交按鈕或任何其它按鈕，文件就會(huì)被自動(dòng)上傳。這樣，用戶一旦在本地文件對(duì)話框中選中任何文件并點(diǎn)擊確定，文件就會(huì)被自動(dòng)上傳，而且?guī)в蟹?wù)器端的文件路徑和名稱的文件會(huì)自動(dòng)回填到文件上傳提交框的輸入框中。在整個(gè)過(guò)程中，用戶只需按一次“瀏覽”按鍵(不含在本地文件對(duì)話框中的動(dòng)作)既可完成向頁(yè)面中插入文件的動(dòng)作，上傳、產(chǎn)生新的路徑、插入新的路徑等動(dòng)作對(duì)用戶都是透明的，極大地方便了用戶，而且使用戶在完全不需要了解Internet的“上傳”、“URL”等概念的情況下就可以完成對(duì)應(yīng)的所有操作。
【附圖說(shuō)明】
[0015]圖1是本發(fā)明裝置的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0016]結(jié)合附圖1詳細(xì)說(shuō)明本發(fā)明的方法和裝置。
[0017]圖1中虛線之上表示客戶端，虛線之下代表服務(wù)器端。在客戶端的插入文件或類似界面中直接顯示有標(biāo)準(zhǔn)的HTML文件上傳提交框，即上傳提交框及該框旁邊的瀏覽按鈕，當(dāng)然，如果需要，可以通過(guò)技術(shù)處理隱藏輸入框，只保留“瀏覽”按鈕，并提示用戶如果要插入本地文件可以直接點(diǎn)擊“瀏覽”按鈕。為上傳提交框添加事件，所述添加的事件為一旦上傳提交框內(nèi)的內(nèi)容發(fā)生改變，即自動(dòng)將改變后的內(nèi)容提交到對(duì)應(yīng)的服務(wù)器，該事件可以通過(guò)兩個(gè)模塊來(lái)實(shí)現(xiàn)，即客戶端上傳提交框內(nèi)容改變判斷模塊和上傳命令模塊，所述客戶端上傳提交框內(nèi)容改變判斷模塊判斷上傳提交框的內(nèi)容是否改變，如果改變，則馬上由上傳命令模塊將改變后的內(nèi)容提交到對(duì)應(yīng)的服務(wù)器，如果內(nèi)容沒(méi)有改變，則上傳提交框不發(fā)生任何變化。
[0018]在服務(wù)器中預(yù)先建立接收上傳文件請(qǐng)求的服務(wù)器腳本，且所述服務(wù)器腳本建立如下機(jī)制:在接收到上傳文件的請(qǐng)求后，立即開(kāi)始上傳，文件上傳后按照預(yù)定的路徑和名稱規(guī)則產(chǎn)生網(wǎng)絡(luò)路徑和名稱并保存，返回一個(gè)攜帶剛剛產(chǎn)生的網(wǎng)絡(luò)路徑和名稱信息的HTML文件，該HTML文件中包含一個(gè)自動(dòng)運(yùn)行的客戶端腳本。上述操作分別由服務(wù)器端上傳接收模塊，服務(wù)器端網(wǎng)絡(luò)路徑和名稱產(chǎn)生及保存模塊和HTML文件返回模塊完成，服務(wù)器端上傳接收模塊接收客戶端上傳命令模塊上傳的請(qǐng)求并允許文件立即上傳，然后將上傳文件傳遞給網(wǎng)絡(luò)路徑和名稱產(chǎn)生及保存模塊，由該模塊給該文件在服務(wù)器端產(chǎn)生新的網(wǎng)絡(luò)路徑和名稱，并使該文件產(chǎn)生一自動(dòng)運(yùn)行的客戶端腳本，網(wǎng)絡(luò)路徑和名稱產(chǎn)生及保存模塊再將該具有新的網(wǎng)絡(luò)路徑和名稱且具有自動(dòng)運(yùn)行的客戶端腳本的文件傳遞給HTML文件返回模塊。
[0019]HTML文件返回模塊將將該具有新的網(wǎng)絡(luò)路徑和名稱且具有自動(dòng)運(yùn)行的客戶端腳本的文件傳遞給客戶端的HTML文件插入模塊，由該模塊將返回的HTML文件在客戶端裝載完畢，其中包含的客戶端腳本立即自動(dòng)運(yùn)行，將攜帶的剛剛上傳并保存新的文件路徑和名稱的HTML文件插入到原頁(yè)面中需要插入文件的位置，插入動(dòng)作即全部完成。
【主權(quán)項(xiàng)】
1.向WEB頁(yè)面動(dòng)態(tài)插入本地文件的一鍵式處理方法，其特征在于包括如下步驟: A、向插入文件或類似界面中的上傳提交框添加事件，所述添加的事件為一旦上傳提交框內(nèi)的內(nèi)容發(fā)生改變，即自動(dòng)將改變后的內(nèi)容提交到對(duì)應(yīng)的服務(wù)器； B、在服務(wù)器中預(yù)先建立接收上傳文件請(qǐng)求的服務(wù)器腳本，且所述服務(wù)器腳本建立如下機(jī)制:在接收到上傳文件的請(qǐng)求后，立即開(kāi)始上傳，文件上傳后按照預(yù)定的路徑和名稱規(guī)則產(chǎn)生網(wǎng)絡(luò)路徑和名稱并保存，返回一個(gè)攜帶剛剛產(chǎn)生的網(wǎng)絡(luò)路徑和名稱信息的HTML文件，該HTML文件中包含一個(gè)自動(dòng)運(yùn)行的客戶端腳本； C、返回的HTML文件一旦在客戶端裝載完畢，其中包含的客戶端腳本立即自動(dòng)運(yùn)行，將攜帶的剛剛上傳并保存新的文件路徑和名稱的HTML文件插入到原頁(yè)面中需要插入文件的位置，插入動(dòng)作即全部完成。
2.根據(jù)權(quán)利要求1所述的向WEB頁(yè)面動(dòng)態(tài)插入本地文件的一鍵式處理方法，其特征在于所述上傳提交框?yàn)殡[藏的只保留瀏覽按鈕的上傳提交框。
3.向WEB頁(yè)面動(dòng)態(tài)插入本地文件的一鍵式處理裝置，其特征在于包括順次相連的:客戶端上傳提交框內(nèi)容改變判斷模塊，上傳命令模塊，服務(wù)器端上傳接收模塊，服務(wù)器端網(wǎng)絡(luò)路徑和名稱產(chǎn)生及保存模塊，HTML文件返回模塊，和客戶端HTML文件插入模塊；所述客戶端上傳提交框內(nèi)容改變判斷模塊判斷上傳提交框的內(nèi)容是否改變，如果改變，由上傳命令模塊將改變后的內(nèi)容提交到對(duì)應(yīng)的服務(wù)器；服務(wù)器端上傳接收模塊接收客戶端上傳命令模塊上傳的請(qǐng)求并允許文件立即上傳，然后將上傳文件傳遞給網(wǎng)絡(luò)路徑和名稱產(chǎn)生及保存模塊給該文件在服務(wù)器端產(chǎn)生新的網(wǎng)絡(luò)路徑和名稱，并使該文件產(chǎn)生一自動(dòng)運(yùn)行的客戶端腳本，網(wǎng)絡(luò)路徑和名稱產(chǎn)生及保存模塊再將該具有新的網(wǎng)絡(luò)路徑和名稱且具有自動(dòng)運(yùn)行的客戶端腳本的文件傳遞給HTML文件返回模塊，由該模塊將文件返回客戶端，由客戶端HTML文件插入模塊完成文件的插入。
【專利摘要】本發(fā)明向WEB頁(yè)面動(dòng)態(tài)插入本地文件的一鍵式處理方法和裝置本發(fā)明方法包括如下步驟：A、在插入文件或類似界面中直接顯示標(biāo)準(zhǔn)的HTML文件上傳提交框或隱藏上傳提交框只保留瀏覽按鈕，B、在服務(wù)器中預(yù)先建立接收上傳文件請(qǐng)求的服務(wù)器腳本，C、返回的HTML文件一旦在客戶端裝載完畢，在整個(gè)過(guò)程中，用戶只需按一次“瀏覽”按鍵(不含在本地文件對(duì)話框中的動(dòng)作)既可完成向頁(yè)面中插入文件的動(dòng)作，上傳、產(chǎn)生新的路徑、插入新的路徑等動(dòng)作對(duì)用戶都是透明的，極大地方便了用戶，而且使用戶在完全不需要了解Internet的“上傳”、“URL”等概念的情況下就可以完成對(duì)應(yīng)的所有操作。
【IPC分類】G06F17-30
【公開(kāi)號(hào)】CN104714992
【申請(qǐng)?zhí)枴緾N201410361042
【發(fā)明人】施霞虹
【申請(qǐng)人】南寧市磁匯科技有限公司
【公開(kāi)日】2015年6月17日
【申請(qǐng)日】2014年7月25日