[發明專利]向WEB頁面動態插入本地文件的一鍵式處理方法和裝置

在審

• 申請號: 201410361042.8
• 申請日: 2014-07-25
• 公開（公告）號: CN104714992A
• 公開（公告）日: 2015-06-17
• 發明（設計）人: 施霞虹
• 申請（專利權）人: 南寧市磁匯科技有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京海虹嘉誠知識產權代理有限公司 11129
• 代理人: 張濤

技術領域

本發明涉及網絡應用技術，特別是涉及在WEB頁面中通過一次按鍵即可實現動態插入本地文件的方法和實現該方法的裝置。

背景技術

當前，在瀏覽器中通過腳本直接動態編輯WEB頁面的過程中，如果需要使用本地文件，必須首先手工上傳本地文件到適合的網絡服務器中，然后將上傳后文件的URL地址插入到頁面中。也就是說，除了需要將需要上傳的本地文件添加到上傳提交框內，還需要再點擊上傳鍵才能上傳到網絡服務器中，然后再將上傳后文件的URL地址插入到頁面中，這樣的過程給使用者帶來了很大不便。

發明內容

本發明解決現有技術向WEB頁面動態插入本地文件時操作步驟較多，使用不方便的技術問題，提供一種方法，能夠減少手工操作步驟，一次按鍵即可實現動態插入本地文件的方法和實現該方法的裝置。

本發明方法包括如下步驟：

A、在插入文件或類似界面中直接顯示標準的HTML文件上傳提交框或隱藏上傳提交框只保留瀏覽按鈕，為所述上傳提交框添加事件，所述添加的事件為一旦上傳提交框內的內容發生改變，即自動將改變后的內容提交到對應的服務器；

B、在服務器中預先建立接收上傳文件請求的服務器腳本，且所述服務器腳本建立如下機制：在接收到上傳文件的請求后，立即開始上傳，文件上傳后按照預定的路徑和名稱規則產生網絡路徑和名稱并保存，返回一個攜帶剛剛產生的網絡路徑和名稱信息的HTML文件，該HTML文件中包含一個自動運行的客戶端腳本。

C、返回的HTML文件一旦在客戶端裝載完畢，其中包含的客戶端腳本立即自動運行，將攜帶的剛剛上傳并保存新的文件路徑和名稱的HTML文件插入到原頁面中需要插入文件的位置，插入動作即全部完成。

本發明裝置包括順次相連的：

客戶端上傳提交框內容改變判斷模塊，上傳命令模塊；

服務器端上傳接收模塊，服務器端網絡路徑和名稱產生及保存模塊，HTML文件返回模塊；

和客戶端HTML文件插入模塊；

所述客戶端上傳提交框內容改變判斷模塊判斷上傳提交框的內容是否改變，如果改變，由上傳命令模塊將改變后的內容提交到對應的服務器；服務器端上傳接收模塊接收客戶端上傳命令模塊上傳的請求并允許文件立即上傳，然后將上傳文件傳遞給網絡路徑和名稱產生及保存模塊給該文件在服務器端產生新的網絡路徑和名稱，并使該文件產生一自動運行的客戶端腳本，網絡路徑和名稱產生及保存模塊再將該具有新的網絡路徑和名稱且具有自動運行的客戶端腳本的文件傳遞給HTML文件返回模塊，由該模塊將文件返回客戶端，由客戶端HTML文件插入模塊完成文件的插入。

技術效果：

本發明由于分別在客戶端和服務器端建立了相應的傳送和接收機制，因此，按照瀏覽器的機制，當“瀏覽”按鈕被點擊后彈出本地文件對話框，選中文件后點擊確定，文件路徑和名稱會自動回填到文件上傳提交框的輸入框中，此時，由于上傳提交框的內容發生了改變，因此無須用戶再點擊提交按鈕或任何其它按鈕，文件就會被自動上傳。這樣，用戶一旦在本地文件對話框中選中任何文件并點擊確定，文件就會被自動上傳，而且帶有服務器端的文件路徑和名稱的文件會自動回填到文件上傳提交框的輸入框中。在整個過程中，用戶只需按一次“瀏覽”按鍵(不含在本地文件對話框中的動作)既可完成向頁面中插入文件的動作，上傳、產生新的路徑、插入新的路徑等動作對用戶都是透明的，極大地方便了用戶，而且使用戶在完全不需要了解Internet的“上傳”、“URL”等概念的情況下就可以完成對應的所有操作。

附圖說明

圖1是本發明裝置的結構示意圖。

具體實施方式

結合附圖1詳細說明本發明的方法和裝置。

圖1中虛線之上表示客戶端，虛線之下代表服務器端。在客戶端的插入文件或類似界面中直接顯示有標準的HTML文件上傳提交框，即上傳提交框及該框旁邊的瀏覽按鈕，當然，如果需要，可以通過技術處理隱藏輸入框，只保留“瀏覽”按鈕，并提示用戶如果要插入本地文件可以直接點擊“瀏覽”按鈕。為上傳提交框添加事件，所述添加的事件為一旦上傳提交框內的內容發生改變，即自動將改變后的內容提交到對應的服務器，該事件可以通過兩個模塊來實現，即客戶端上傳提交框內容改變判斷模塊和上傳命令模塊，所述客戶端上傳提交框內容改變判斷模塊判斷上傳提交框的內容是否改變，如果改變，則馬上由上傳命令模塊將改變后的內容提交到對應的服務器，如果內容沒有改變，則上傳提交框不發生任何變化。