瀏覽器和通過瀏覽器上傳附件的方法
【專利摘要】本發(fā)明提供一種瀏覽器和通過瀏覽器上傳附件的方法，其中，所述方法包括：監(jiān)聽是否產(chǎn)生向?yàn)g覽器粘貼文件的事件；當(dāng)產(chǎn)生所述事件時(shí)，判斷所述瀏覽器的當(dāng)前網(wǎng)頁是否存在用于進(jìn)行提交操作的網(wǎng)頁元素；當(dāng)存在所述用于進(jìn)行提交操作的網(wǎng)頁元素時(shí)，將所述文件傳輸?shù)剿鼍W(wǎng)頁，生成為所述網(wǎng)頁的附件。通過采用本發(fā)明所提供的方法，可以有效地解決現(xiàn)有技術(shù)中使用成本高、操作入口深的缺陷。
【專利說明】瀏覽器和通過瀏覽器上傳附件的方法

【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及通信領(lǐng)域，更為具體而言，涉及瀏覽器和通過瀏覽器上傳附件的方法。

【背景技術(shù)】
[0002]隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，用戶越來越多的上網(wǎng)瀏覽論壇或者臉書(facebook)等社交網(wǎng)站。當(dāng)用戶在上網(wǎng)瀏覽這些網(wǎng)站的時(shí)候，經(jīng)常需要上傳附件。在現(xiàn)有技術(shù)中，通過瀏覽器上傳附件的方式通常為:先點(diǎn)擊網(wǎng)頁的“附件”按鈕，然后彈出文件選擇框，最后選擇文件上傳，操作起來非常麻煩，而且有的網(wǎng)頁不支持同時(shí)選擇多個(gè)附件上傳。
[0003]因此，在現(xiàn)有技術(shù)中，通過瀏覽器上傳附件的方式存在使用成本高、操作入口深等問題。


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

[0004]為解決上述技術(shù)問題，本發(fā)明提供了一種通過瀏覽器上傳附件的方法及瀏覽器，有效地解決了現(xiàn)有的通過瀏覽器上傳附件的方式中存在的使用成本高、操作入口深等問題。
[0005]根據(jù)本發(fā)明實(shí)施例的第一方面，提供了一種通過瀏覽器上傳附件的方法，所述方法包括:
[0006]監(jiān)聽是否產(chǎn)生向?yàn)g覽器粘貼文件的事件；
[0007]當(dāng)產(chǎn)生所述事件時(shí)，判斷所述瀏覽器的當(dāng)前網(wǎng)頁是否存在用于進(jìn)行提交操作的網(wǎng)頁元素；
[0008]當(dāng)存在所述用于進(jìn)行提交操作的網(wǎng)頁元素時(shí)，將所述文件傳輸?shù)剿鼍W(wǎng)頁，生成為所述網(wǎng)頁的附件。
[0009]根據(jù)本發(fā)明實(shí)施例的第二方面，提供了一種瀏覽器，所述瀏覽器包括:
[0010]監(jiān)聽模塊，用于監(jiān)聽是否產(chǎn)生向?yàn)g覽器粘貼文件的事件；
[0011]判斷模塊，用于當(dāng)產(chǎn)生所述事件時(shí)，判斷所述瀏覽器的當(dāng)前網(wǎng)頁是否存在用于進(jìn)行提交操作的網(wǎng)頁元素；
[0012]傳輸模塊，用于當(dāng)存在所述用于進(jìn)行提交操作的網(wǎng)頁元素時(shí)，將所述文件傳輸?shù)剿鼍W(wǎng)頁，生成為所述網(wǎng)頁的附件。
[0013]實(shí)施本發(fā)明提供的瀏覽器及通過瀏覽器上傳附件的方法，具有以下優(yōu)點(diǎn):用戶可以直接復(fù)制系統(tǒng)中的文件，然后粘貼到瀏覽器網(wǎng)頁，生成為該網(wǎng)頁的附件，因此其操作簡單，能夠方便地上傳附件。

【專利附圖】

【附圖說明】
[0014]圖1是根據(jù)本發(fā)明實(shí)施方式的通過瀏覽器上傳附件的方法的流程圖；
[0015]圖2示出了圖1所示的步驟SI的一種實(shí)施方式；
[0016]圖3示出了圖1所示的步驟S2的一種實(shí)施方式；
[0017]圖4示出了圖1所示的步驟S3的一種實(shí)施方式；
[0018]圖5是根據(jù)本發(fā)明實(shí)施方式的瀏覽器的結(jié)構(gòu)示意圖；
[0019]圖6示出了圖5所示的模塊100的一種實(shí)施方式的結(jié)構(gòu)示意圖；
[0020]圖7示出了圖5所示的模塊200的一種實(shí)施方式的結(jié)構(gòu)示意圖；
[0021]圖8示出了圖5所示的模塊300的一種實(shí)施方式的結(jié)構(gòu)示意圖。

【具體實(shí)施方式】
[0022]為使本發(fā)明的實(shí)施例的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合附圖對本發(fā)明作進(jìn)一步地詳細(xì)描述。
[0023]圖1是根據(jù)本發(fā)明實(shí)施方式的通過瀏覽器上傳附件的方法的流程圖。參見圖1，該方法包括:
[0024]S1:監(jiān)聽是否產(chǎn)生向?yàn)g覽器粘貼文件的事件。
[0025]其中，所述粘貼文件為:用戶將從操作系統(tǒng)中復(fù)制的文件，粘貼到瀏覽器中。其中，用戶的“復(fù)制”、“粘貼”行為可以通過操作系統(tǒng)右鍵菜單中的“復(fù)制”、“粘貼”選項(xiàng)，或者操作系統(tǒng)的快捷鍵“ Ctr I +C ”、“ Ctr I +V ”來實(shí)現(xiàn)。
[0026]S2:當(dāng)產(chǎn)生所述事件時(shí)，判斷所述瀏覽器的當(dāng)前網(wǎng)頁是否存在用于進(jìn)行提交操作的網(wǎng)頁元素。
[0027]其中，所述用于進(jìn)行提交操作的網(wǎng)頁元素包括:提交(submit)。
[0028]S3:當(dāng)存在所述用于進(jìn)行提交操作的網(wǎng)頁元素時(shí)，將所述文件傳輸?shù)剿鼍W(wǎng)頁，生成為所述網(wǎng)頁的附件。
[0029]如圖2所示，在本發(fā)明的實(shí)施方式中，步驟SI可以通過以下方式實(shí)現(xiàn):
[0030]Sll:調(diào)用chrome擴(kuò)展的監(jiān)聽接口。
[0031]其中，chrome即Google Chrome,又稱Google瀏覽器，是一個(gè)由Google (谷歌)公司開發(fā)的網(wǎng)頁瀏覽器。
[0032]S12:通過所述監(jiān)聽接口監(jiān)聽是否產(chǎn)生向?yàn)g覽器粘貼文件的事件。
[0033]其中，首先注冊一個(gè)OnPaste事件(瀏覽器提供的一個(gè)監(jiān)聽接口，可以接受到瀏覽器的窗口消息，主要是粘貼(paste)消息，當(dāng)發(fā)生粘貼事件的時(shí)候，會調(diào)用此函數(shù)接口)，當(dāng)系統(tǒng)復(fù)制文件到瀏覽器網(wǎng)頁窗口的時(shí)候，這個(gè)OnPaste函數(shù)能夠接受到此事件。
[0034]如圖3所示，在本發(fā)明的實(shí)施方式中，步驟S2可以通過以下方式實(shí)現(xiàn):
[0035]S21:遍歷網(wǎng)頁元素,查找是否含有網(wǎng)頁元素submit。
[0036]其中，submit對象代表 html (HyperText Mark-up Language,超文本標(biāo)記語言)表單中的一個(gè)提交按鈕(submit button)。
[0037]其中，可以通過遍歷網(wǎng)頁元素,查找是否含有〈input type = " submit " >標(biāo)簽，來確定是否含有網(wǎng)頁元素submit。
[0038]如圖4所示，在本發(fā)明的實(shí)施方式中，步驟S3可以通過以下方式實(shí)現(xiàn):
[0039]S31:調(diào)用 html5 (HyperText Mark-up Language 5,超文本標(biāo)記語言(html)的第五次重大修改)的拖拽數(shù)據(jù)(drag data)接口。
[0040]其中，html5規(guī)范提供的接口:dragstart、dragend、drop。
[0041]S32:通過所述drag data接口將所述文件傳輸?shù)剿鼍W(wǎng)頁,生成為所述網(wǎng)頁的附件。
[0042]優(yōu)選地，在本發(fā)明的實(shí)施方式中，粘貼兩個(gè)以上的文件時(shí)，將所述兩個(gè)以上的文件傳輸?shù)剿鼍W(wǎng)頁，生成為所述網(wǎng)頁的附件。因此，支持選擇多個(gè)文件同時(shí)操作上傳。
[0043]圖5是根據(jù)本發(fā)明實(shí)施方式的一種瀏覽器的結(jié)構(gòu)示意圖。參見圖5，該瀏覽器包括:
[0044]監(jiān)聽模塊100，用于監(jiān)聽是否產(chǎn)生向?yàn)g覽器粘貼文件的事件。
[0045]其中，所述粘貼文件為:用戶將從操作系統(tǒng)中復(fù)制的文件，粘貼到瀏覽器中。其中，用戶的“復(fù)制”、“粘貼”行為可以通過操作系統(tǒng)右鍵菜單中的“復(fù)制”、“粘貼”選項(xiàng)，或者操作系統(tǒng)的快捷鍵“ Ctr I +C ”、“ Ctr I +V ”來實(shí)現(xiàn)。
[0046]判斷模塊200，用于當(dāng)所述監(jiān)聽模塊100監(jiān)聽到所述事件時(shí)，判斷所述瀏覽器的當(dāng)前網(wǎng)頁是否存在用于進(jìn)行提交操作的網(wǎng)頁元素。
[0047]其中，所述用于進(jìn)行提交操作的網(wǎng)頁元素包括:submit。
[0048]傳輸模塊300，用于當(dāng)所述判斷模塊200判斷存在所述用于進(jìn)行提交操作的網(wǎng)頁元素時(shí)，將所述文件傳輸?shù)剿鼍W(wǎng)頁，生成為所述網(wǎng)頁的附件。
[0049]如圖6所示，在本發(fā)明的實(shí)施方式中，監(jiān)聽模塊100可以包括:
[0050]chrome擴(kuò)展調(diào)用單元110,用于調(diào)用chrome擴(kuò)展的監(jiān)聽接口。
[0051]chrome擴(kuò)展監(jiān)聽單元120,用于通過所述chrome擴(kuò)展調(diào)用單元110所調(diào)用的所述監(jiān)聽接口，監(jiān)聽是否產(chǎn)生向?yàn)g覽器粘貼文件的事件。
[0052]其中，首先注冊一個(gè)OnPaste事件，當(dāng)系統(tǒng)復(fù)制文件到瀏覽器網(wǎng)頁窗口的時(shí)候，這個(gè)OnPaste函數(shù)能夠接受到此事件。
[0053]如圖7所示，在本發(fā)明的實(shí)施方式中，判斷模塊200可以包括:
[0054]查找單元210，用于遍歷網(wǎng)頁元素，查找是否含有網(wǎng)頁元素submit。
[0055]其中，可以通過遍歷網(wǎng)頁元素,查找是否含有〈input type = " submit " >標(biāo)簽，來確定是否含有網(wǎng)頁元素submit。
[0056]如圖8所示，在本發(fā)明的實(shí)施方式中，傳輸模塊300可以包括:
[0057]拖拽調(diào)用單元310,用于調(diào)用html5的drag data接口 ；
[0058]拖拽傳輸單元320,用于通過所述拖拽調(diào)用單元310所調(diào)用的所述drag data接口，將所述文件傳輸?shù)剿鼍W(wǎng)頁，生成為所述網(wǎng)頁的附件。
[0059]優(yōu)選地，在本發(fā)明的實(shí)施方式中，粘貼兩個(gè)以上的文件時(shí)，將所述兩個(gè)以上的文件傳輸?shù)剿鼍W(wǎng)頁，生成為所述網(wǎng)頁的附件。因此，支持選擇多個(gè)文件同時(shí)操作上傳。
[0060]實(shí)施本發(fā)明提供的瀏覽器及通過瀏覽器上傳附件的方法，具有以下優(yōu)點(diǎn):用戶可以直接復(fù)制系統(tǒng)中的文件，然后粘貼到瀏覽器網(wǎng)頁，生成為該網(wǎng)頁的附件，因此其操作簡單，能夠方便地上傳附件。
[0061]通過以上的實(shí)施方式的描述，本領(lǐng)域的技術(shù)人員可以清楚地了解到本發(fā)明可借助軟件結(jié)合硬件平臺的方式來實(shí)現(xiàn)，當(dāng)然也可以全部通過硬件來實(shí)施。基于這樣的理解，本發(fā)明的技術(shù)方案對【背景技術(shù)】做出貢獻(xiàn)的全部或者部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計(jì)算機(jī)軟件產(chǎn)品可以存儲在存儲介質(zhì)中，如R0M/RAM、磁碟、光盤等，包括若干指令用以使得一臺計(jì)算機(jī)設(shè)備(可以是個(gè)人計(jì)算機(jī)，服務(wù)器，智能手機(jī)或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個(gè)實(shí)施例或者實(shí)施例的某些部分所述的方法。
[0062]本發(fā)明說明書中使用的術(shù)語和措辭僅僅為了舉例說明，并不意味構(gòu)成限定。本領(lǐng)域技術(shù)人員應(yīng)當(dāng)理解，在不脫離所公開的實(shí)施方式的基本原理的前提下，對上述實(shí)施方式中的各細(xì)節(jié)可進(jìn)行各種變化。因此，本發(fā)明的范圍只由權(quán)利要求確定，在權(quán)利要求中，除非另有說明，所有的術(shù)語應(yīng)按最寬泛合理的意思進(jìn)行理解。
【權(quán)利要求】
1.一種通過瀏覽器上傳附件的方法，其特征在于，所述方法包括: 監(jiān)聽是否產(chǎn)生向?yàn)g覽器粘貼文件的事件； 當(dāng)產(chǎn)生所述事件時(shí)，判斷所述瀏覽器的當(dāng)前網(wǎng)頁是否存在用于進(jìn)行提交操作的網(wǎng)頁元素； 當(dāng)存在所述用于進(jìn)行提交操作的網(wǎng)頁元素時(shí)，將所述文件傳輸?shù)剿鼍W(wǎng)頁，生成為所述網(wǎng)頁的附件。
2.如權(quán)利要求1所述的方法，其特征在于，所述監(jiān)聽是否產(chǎn)生向?yàn)g覽器粘貼文件的事件包括: 調(diào)用chrome擴(kuò)展的監(jiān)聽接口 ； 通過所述監(jiān)聽接口監(jiān)聽是否產(chǎn)生向?yàn)g覽器粘貼文件的事件。
3.如權(quán)利要求1所述的方法，其特征在于，所述用于進(jìn)行提交操作的網(wǎng)頁元素包括:提交 submit。
4.如權(quán)利要求3所述的方法，其特征在于，所述判斷所述瀏覽器的當(dāng)前網(wǎng)頁是否存在用于進(jìn)行提交操作的網(wǎng)頁元素包括: 遍歷網(wǎng)頁元素，查找是否含有網(wǎng)頁元素submit。
5.如權(quán)利要求1所述的方法，其特征在于，所述將所述文件傳輸?shù)剿鼍W(wǎng)頁，生成為所述網(wǎng)頁的附件包括: 調(diào)用html5的拖拽數(shù)據(jù)drag data接口 ； 通過所述drag data接口將所述文件傳輸?shù)剿鼍W(wǎng)頁，生成為所述網(wǎng)頁的附件。
6.如權(quán)利要求1?5中的任一項(xiàng)所述的方法，其特征在于，粘貼兩個(gè)以上的文件時(shí)，將所述兩個(gè)以上的文件傳輸?shù)剿鼍W(wǎng)頁，生成為所述網(wǎng)頁的附件。
7.—種瀏覽器，其特征在于，所述瀏覽器包括: 監(jiān)聽模塊，用于監(jiān)聽是否產(chǎn)生向?yàn)g覽器粘貼文件的事件； 判斷模塊，用于當(dāng)產(chǎn)生所述事件時(shí)，判斷所述瀏覽器的當(dāng)前網(wǎng)頁是否存在用于進(jìn)行提交操作的網(wǎng)頁元素； 傳輸模塊，用于當(dāng)存在所述用于進(jìn)行提交操作的網(wǎng)頁元素時(shí)，將所述文件傳輸?shù)剿鼍W(wǎng)頁，生成為所述網(wǎng)頁的附件。
8.如權(quán)利要求7所述的瀏覽器，其特征在于，所述監(jiān)聽模塊包括: chrome擴(kuò)展調(diào)用單元,用于調(diào)用chrome擴(kuò)展的監(jiān)聽接口 ； chrome擴(kuò)展監(jiān)聽單元，用于通過所述chrome擴(kuò)展調(diào)用單元所調(diào)用的所述監(jiān)聽接口，監(jiān)聽是否產(chǎn)生向?yàn)g覽器粘貼文件的事件。
9.如權(quán)利要求7所述的瀏覽器，其特征在于，所述用于進(jìn)行提交操作的網(wǎng)頁元素包括:submit。
10.如權(quán)利要求9所述的瀏覽器，其特征在于，所述判斷模塊包括: 查找單元，用于遍歷網(wǎng)頁元素，查找是否含有網(wǎng)頁元素submit。
11.如權(quán)利要求7所述的瀏覽器，其特征在于，所述傳輸模塊包括: 拖拽調(diào)用單元，用于調(diào)用html5的drag data接口 ； 拖拽傳輸單元，用于通過所述拖拽調(diào)用單元所調(diào)用的所述drag data接口，將所述文件傳輸?shù)剿鼍W(wǎng)頁，生成為所述網(wǎng)頁的附件。
12.如權(quán)利要求7?11中任一項(xiàng)所述的瀏覽器，其特征在于，粘貼兩個(gè)以上的文件時(shí)，將所述兩個(gè)以上的文件傳輸?shù)剿鼍W(wǎng)頁，生成為所述網(wǎng)頁的附件。
【文檔編號】H04L29/08GK104270426SQ201410478792
【公開日】2015年1月7日 申請日期:2014年9月18日 優(yōu)先權(quán)日:2014年9月18日
【發(fā)明者】俞健 申請人:百度在線網(wǎng)絡(luò)技術(shù)（北京）有限公司