[發明專利]網絡中上傳文件的方法和裝置

在審

• 申請號: 201410592137.0
• 申請日: 2014-10-29
• 公開（公告）號: CN105630268A
• 公開（公告）日: 2016-06-01
• 發明（設計）人: 于小軍;田淑寧;夏李
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: G06F3/0481
• 分類號: G06F3/0481;G06F9/44
• 代理公司: 北京德琦知識產權代理有限公司 11018
• 代理人: 張曉峰;宋志強

技術領域

本申請涉及計算機和互聯網數據處理技術領域，尤其涉及一種網絡中上 傳文件的方法和裝置。

背景技術

目前，隨著互聯網技術的發展，網絡逐漸成為人們獲取信息的重要來源， 特別是在互聯網進入Web2.0時代后，用戶既是網站內容的瀏覽者，也是網 站內容的制造者。用戶可以參與創造的內容包括文字如發表文章、發帖等， 用戶也可以上傳圖片等內容。

目前的網絡處理系統主要分為web前端處理系統和后臺處理系統。其中 Web前端，本文中簡稱前端，就是指人機交互端。前端具體可以通過專門的 客戶端(Client)實現，也可以通過網絡瀏覽器(Browser)來訪問服務器的方 式實現，即可以采用瀏覽器/服務器(B/S)結構，也可以采用客戶端/服務器 (C/S)結構。

所述C/S結構是能充分發揮客戶端PC的處理能力，很多工作可以在客 戶端處理后再提交給服務器，例如對于上傳文件的功能，如果采用C/S結構， 可以實現自定義的用戶界面(UI)，用戶界面可以設計得優美和個性化、人 性化。

但是，C/S結構的缺點也很明顯，就是客戶端需要安裝專用的客戶端軟 件。首先涉及到安裝的工作量，其次任何一臺電腦出問題，如病毒、硬件損 壞，都需要進行安裝或維護。還有，系統軟件升級時，每一臺客戶機需要重 新安裝，其維護和升級成本非常高。而B/S結構則沒有上述缺點。

B/S結構最大的優點就是可以在任何地方進行操作而不用安裝任何專門 的軟件，只要有一臺能上網的智能終端就能使用，客戶端零維護成本，系統 的擴展也非常容易。

目前B/S結構的網絡系統在Web前端實現文件上傳主流的解決方案如 下：

(1)Flash控件實現文件上傳。

(2)超文本標記語言(HTML)提供的應用編程接口(API)實現文件 上傳功能。

但是，現有技術的上述兩種方案存在以下缺點：

Flash控件實現上傳方案比較成熟，主要基于Flash技術，可以系統開發 方可以自定義設計UI，可以實現比較豐富的功能，但是此方案存在跨域的問 題，無法實現跨域的文件上傳。所述跨域就是需要跨越域名操作。

采用HTML提供的新的API實現的文件上傳方案，雖然不存在跨域問題， 但是其網頁默認的文件上傳UI形式固定、死板，如圖1所示，其中只有一 個簡單常規的文件上傳按鈕101，以及簡要的說明文字102，無法對這種文件 上傳UI進行有針對性、內容更加豐富的自定義設置；同時，這種技術還存 在瀏覽器兼容問題，特別是IE10以下的版本不支持自定義的圖片上傳用戶界 面。具體的，如HTML4和HTML5中file類型的input標簽樣式在不同的瀏 覽器中表現形式不盡相同，而且在同一個瀏覽器中它不能通過CSS樣式來實 現自定義UI的目的。

發明內容

有鑒于此，本發明的主要目的是提供一種網絡文件上傳方法和裝置，可跨 域實現自定義的文件上傳UI，并提高對瀏覽器的兼容性。

本發明的技術方案是這樣實現的：

一種網絡中上傳文件的方法，包括：

提供自定義的文件上傳用戶界面，其中，所述自定義的文件上傳用戶界面 包括自定義的文件上傳按鈕；

在所述自定義的文件上傳用戶界面的上層設置網頁默認的文件上傳用戶界 面，并將該網頁默認的文件上傳用戶界面設置成可絕對移動的透明狀態；

監測鼠標與所述文件上傳用戶界面中的自定義文件上傳按鈕的相對位置， 在鼠標進入所述自定義文件上傳按鈕的范圍時，實時獲取鼠標位置信息，并將 所述網頁默認的文件上傳用戶界面中的上傳按鈕的位置修改為所述實時獲取的 鼠標位置；

在網頁默認的文件上傳用戶界面中的上傳按鈕被鼠標觸發后，觸發文件表 單選擇和上傳操作。

一種網絡中上傳文件的裝置，包括：

自定義界面模塊，用于提供自定義的文件上傳用戶界面，其中，所述自定 義的文件上傳用戶界面包括自定義的文件上傳按鈕展示自定義的文件上傳用戶 界面UI，其中包括自定義的文件上傳按鈕；

默認界面模塊，用于在所述自定義的文件上傳UI用戶界面的上層設置網頁 默認的文件上傳UI用戶界面，并將該網頁默認的文件上傳UI用戶界面設置成 可絕對移動的透明狀態；