[發(fā)明專利]一種在網(wǎng)頁上呈現(xiàn)上傳組件的方法及裝置

有效

• 申請(qǐng)?zhí)枺?/td>: 201310364806.4
• 申請(qǐng)日: 2013-08-20
• 公開（公告）號(hào): CN104424193B
• 公開（公告）日: 2019-04-09
• 發(fā)明（設(shè)計(jì)）人: 吳文斌;吳浩;龍丁奮;郭學(xué)亨;于樹南;彭沖
• 申請(qǐng)（專利權(quán)）人: 騰訊科技（深圳）有限公司
• 主分類號(hào): G06F16/958
• 分類號(hào): G06F16/958
• 代理公司: 北京康信知識(shí)產(chǎn)權(quán)代理有限責(zé)任公司 11240
• 代理人: 董文倩;褚敏

本發(fā)明公開了一種在網(wǎng)頁上呈現(xiàn)上傳組件的方法及裝置，方法包括：向網(wǎng)頁中添加預(yù)設(shè)類型的頁面元素作為父元素，將所述父元素設(shè)置為預(yù)設(shè)樣式；在所述父元素內(nèi)部嵌套一個(gè)瀏覽器原生的上傳組件；將所述上傳組件的透明度屬性設(shè)置為預(yù)設(shè)透明度以使所述上傳組件不可見，將所述上傳組件的字體大小屬性設(shè)置為預(yù)設(shè)字體大小；獲取所述上傳組件在預(yù)指定的瀏覽器中呈現(xiàn)時(shí)具有上傳請(qǐng)求觸發(fā)功能的公共區(qū)域；調(diào)整所述上傳組件的坐標(biāo)以使所述父元素至少隱藏所述上傳組件中所述公共區(qū)域以外的區(qū)域。本發(fā)明能生成自定義樣式的上傳組件，能兼容不同的瀏覽器，能提高開發(fā)效率，節(jié)約開發(fā)成本。

技術(shù)領(lǐng)域

本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，具體涉及通信技術(shù)領(lǐng)域,尤其涉及一種在網(wǎng)頁上呈現(xiàn)上傳組件的方法及裝置。

背景技術(shù)

文件上傳是日常較常用的功能之一，目前實(shí)現(xiàn)文件上傳的方式多種多樣，基于瀏覽器的上傳方案主要包括通過瀏覽器提供的原生上傳功能進(jìn)行上傳、使用flash（一種用戶可以連接到FTP服務(wù)器上傳、下載、查看、編輯、刪除、移動(dòng)文件的軟件）上傳和使用自定義瀏覽器插件進(jìn)行上傳三種。

使用flash或自定義瀏覽器的插件，都需要下載flash插件或自定義的上傳插件并安裝，如果沒有安裝對(duì)應(yīng)的插件，則無法使用上傳功能。基于瀏覽器提供的原生的上傳功能，優(yōu)點(diǎn)是所有瀏覽器默認(rèn)提供了上傳功能，但原生的上傳組件無法定義樣式，且各個(gè)瀏覽器上傳組件的樣式有差異如圖3所示，很難滿足產(chǎn)品的需求

自定義瀏覽器組件，一般采用css改變?cè)M件的樣式或者自定義UI并通過js腳本（Javascript，一種面向?qū)ο蟮膭?dòng)態(tài)類型的區(qū)分大小寫的客戶端腳本語言）來調(diào)用瀏覽器的應(yīng)用程序接口實(shí)現(xiàn)其功能，但瀏覽器的上傳組件即不能直接用層疊樣式表來改變其用戶界面，出于安全考慮有些瀏覽器不允許使用js來直接操作，必須是用戶手動(dòng)點(diǎn)擊才可以上傳，比如IE瀏覽器：用js觸發(fā)彈出的選擇框，無論js或手動(dòng)觸發(fā)表單提交都不能正常上傳文件。

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

有鑒于此，本發(fā)明實(shí)施例提供一種在網(wǎng)頁上呈現(xiàn)上傳組件的方法及裝置，來解決以上背景技術(shù)部分提到的技術(shù)問題。

本發(fā)明實(shí)施例采用以下技術(shù)方案：

第一方面，本發(fā)明實(shí)施例提供了一種在網(wǎng)頁上呈現(xiàn)上傳組件的方法，包括：

向網(wǎng)頁中添加預(yù)設(shè)類型的頁面元素作為父元素，將所述父元素設(shè)置為預(yù)設(shè)樣式；

在所述父元素內(nèi)部嵌套一個(gè)瀏覽器原生的上傳組件；

將所述上傳組件的透明度屬性設(shè)置為預(yù)設(shè)透明度以使所述上傳組件不可見，將所述上傳組件的字體大小屬性設(shè)置為預(yù)設(shè)字體大小；

獲取所述上傳組件在預(yù)指定的瀏覽器中呈現(xiàn)時(shí)具有上傳請(qǐng)求觸發(fā)功能的公共區(qū)域；

調(diào)整所述上傳組件的坐標(biāo)以使所述父元素至少隱藏所述上傳組件中所述公共區(qū)域以外的區(qū)域，以使在所述預(yù)指定的瀏覽器中呈現(xiàn)所述網(wǎng)頁時(shí)，所述父元素任意部分都能響應(yīng)上傳請(qǐng)求。

根據(jù)本發(fā)明的同一構(gòu)思，本發(fā)明實(shí)施例還提供了一種在網(wǎng)頁上呈現(xiàn)上傳組件的裝置，包括：

父元素添加單元，用于向網(wǎng)頁中添加預(yù)設(shè)類型的頁面元素作為父元素，將所述父元素設(shè)置為預(yù)設(shè)樣式；

上傳組件添加單元，用于在所述父元素內(nèi)部嵌套一個(gè)瀏覽器原生的上傳組件；

上傳組件屬性設(shè)置單元，將所述上傳組件的透明度屬性設(shè)置為預(yù)設(shè)透明度以使所述上傳組件不可見，將所述上傳組件的字體大小屬性設(shè)置為預(yù)設(shè)字體大小；

上傳組件公共區(qū)域獲取單元，用于獲取所述上傳組件在預(yù)指定的瀏覽器中呈現(xiàn)時(shí)具有上傳請(qǐng)求觸發(fā)功能的公共區(qū)域；