[發明專利]一種帶圖片網頁數據上傳的方法和系統

有效

• 申請號: 201310658134.8
• 申請日: 2013-12-09
• 公開（公告）號: CN103617043B
• 公開（公告）日: 2017-08-11
• 發明（設計）人: 陳金玉
• 申請（專利權）人: 重慶大學
• 主分類號: G06F9/44
• 分類號: G06F9/44;H04L29/08
• 代理公司: 重慶博凱知識產權代理有限公司50212
• 代理人: 張先蕓

技術領域

本發明涉及用計算機處理技術，特別是涉及一種帶圖片數據上傳的方法及系統。

背景技術

隨著計算機網絡的快速發展，越來越多的圖片或數據經由網絡傳輸；例如網頁進行內容發布。特別地，對于形如電子商務等領域來說，考慮的不僅僅是如何把這些商務信息廣告出去，更需要增加這些廣告的直觀性、趣味性等來吸引眼球，以進一步促進銷量和聚集人氣，所以用于進行內容發布的網頁通常需要圖文并茂，生動有趣。

而Html中，包括圖片在內的文件上傳，一般通過表單元素<input type = file來實現。參見圖1和圖2，通過使用這個元素，瀏覽器會自動生成一個輸入框和一個按鈕，輸入框可供用戶填寫本地的文件名和路徑名，按鈕可以讓瀏覽器打開一個文件選擇框供用戶選擇文件，然后再點擊一個上傳按鈕后將文件上傳服務器。同理，在.net環境，可以通過服務器控件<asp:FileUpload實現文件的上傳。

然而，上述的提交方式存在提交范圍限定為整個頁面內的全部輸入區域的情況，而某些應用會希望實現圖片與文字的分別上傳。解決的方法有，一是采用兩個頁面進行內容發布，第一個頁面負責文字發布，完成后進入第二步的圖片上傳。但是這種方法比較繁雜，用戶體驗感不好；二是采用在同一個頁面分別提交的方法，即允許先提交圖片部分，并在相應的數據庫添加一條記錄，然后提交文字部分進行記錄補齊。這種方法存在一點不足，即當提交圖片部分后，可能由于重新提交新圖片或文字部分沒有及時提交，造成后臺數據庫產生一條無效的記錄，從而影響數據庫的使用效率。

再如，中國專利申請號為2012101284016公開的“網頁數據提交方法和裝置” 它涉及網頁頁面被設置為兩個以上的提交區域，該方法包括：當檢測到區域提交標簽包含的區域提交事件被觸發時，獲取區域提交標簽包含的一個或一個以上區域標識，區域標識用于表示用戶選擇的提交區域；根據區域標識，獲取區域標識對應的提交區域的頁面數據；向服務器發送獲取到的頁面數據。從而無需提交整個網頁頁面數據，而只是提交了區域標識對應的提交區域的頁面數據，進一步地提高了網頁開發者的開發自由度。但是，該發明存在有以下的不足：1）沒有考慮.net環境下服務器控件<asp:FileUpload在選擇上傳圖片時的自觸發功能，這時專門的區域設置已沒有必要；2）同一區域重提交或沒有及時提交時，該專利會造成的后臺數據庫產生一條無效記錄。

發明內容

本發明的目的是提供一種帶圖片網頁數據提交的方法，實現同一頁面下文字與圖片的分別提交，同時能有效防止無效記錄的產生，增進計算機的主機裝置的使用效率。

實現上述目的，本發明采用如下技術方案：一種帶圖片網頁數據提交的方法，其特征在于，包括如下步驟：

（1）用戶選擇好相關的圖片后，觸發圖片數據提交事件，并將該圖片信息上傳服務器并存儲到數據庫的一個圖片臨時表中；

（2）用戶在同一個頁面輸入相應的文字信息后，點擊一個提交按鈕以觸發頁面總體提交，并將該文字信息上傳服務器并存儲到數據庫的一個文字臨時表中；

（3）匯總步驟（1）提交的圖片信息和步驟（2）提交的文字信息，創建一條新記錄，作為一個新記錄存儲到相應的表中；

所述的圖片或文字臨時表，至少包括一個用戶唯一碼標識、圖片存儲信息等內容。

進一步，所述的數據提交可以在瀏覽器端進行有效校驗，包括圖片格式、大小、文字長度等校驗。

本發明還提供一種網頁數據提交的系統，其特征在于，包括依次通信連接的數據獲取模塊、數據校驗模塊、數據發送模塊、圖片數據存儲模塊和數據匯總存儲模塊；

數據獲取模塊，用于檢測各數據提交事件被觸發時，獲取相應提交數據的網面數據；

數據校驗模塊，用于校驗上傳數據的格式、大小、長度等是否滿足事先約定的要求；

數據發送模塊，用于向服務器發送獲取到的頁面數據；

圖片數據存儲模塊，用于將上傳的圖片信息存儲到一個臨時表中；

數據匯總存儲模塊，用于匯總提交的文字信息，以及數據庫中圖片臨時表中的圖片信息，并作為一個新記錄存儲到相應的表中。

相比現有技術，本發明具有如下有益效果：

本發明充分利用現有的圖像上傳控件，實現同一頁面下文字與圖片的分別提交，避免不必要的翻頁操作；同時運用臨時表存儲數據技術，能有效防止無效記錄的產生，從而增進計算機的主機裝置的使用效率，提高網頁開發人員的自由度，最大程度地方便用戶的操作體驗。