基于webkit內(nèi)核瀏覽器的文件上傳方法及裝置制造方法
【專利摘要】本發(fā)明提出一種基于webkit內(nèi)核瀏覽器的文件上傳方法，其包括利用webkit內(nèi)核瀏覽器中的UIWebView控件監(jiān)測頁面中與上傳文件相關(guān)的觸發(fā)按鈕所鏈接的url請求；判斷UIWebView控件所監(jiān)測到的url請求是否包含約定的協(xié)議開頭，如果判斷結(jié)果為是，接收并上傳文件；否則，不進行文件上傳。本發(fā)明還提出一種基于webkit內(nèi)核瀏覽器的文件上傳裝置。本發(fā)明的文件上傳方法及裝置通過UIWebView控件監(jiān)測url請求，并判斷該請求是否包含約定的協(xié)議開頭，如果判斷結(jié)果為是，接收并上傳文件；否則，不進行文件上傳，解決了傳統(tǒng)的iOS裝置的webkit瀏覽器無法上傳文件的問題，方便用戶上傳文件。
【專利說明】基于webkit內(nèi)核瀏覽器的文件上傳方法及裝置
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及互聯(lián)網(wǎng)【技術(shù)領(lǐng)域】，特別是涉及一種基于webkit內(nèi)核瀏覽器的文件上傳方法及裝置。
【背景技術(shù)】
[0002]iOS裝置是由美國蘋果公司開發(fā)的一種手持設(shè)備操作裝置。iOS與蘋果的Mac OSX操作裝置一樣，它也是以Darwin為基礎(chǔ)的,Darwin是由蘋果公司于2000年所發(fā)布的一個開放源代碼操作系統(tǒng)，是一種Unix-1ike操作系統(tǒng)，因此iOS與Mac OS X同樣屬于類Unix的商業(yè)操作裝置。WebKit是一個開源的瀏覽器內(nèi)核，蘋果公司采用WebKit作為iOS裝置的瀏覽器內(nèi)核。WebKit內(nèi)核擁有清晰的源碼結(jié)構(gòu)、極快的渲染速度。
[0003]目前，iOS裝置已經(jīng)占據(jù)了全球智能手機裝置市場份額的30%，在美國的市場占有率更高達43%。作為一個移動終端瀏覽器，用戶可能隨時訪問郵箱、微博、以及各類網(wǎng)站，文件上傳已成為一種必需的功能，然而，在iOS裝置的webkit瀏覽器卻不具備文件上傳的功能，這是因為iOS裝置限制應(yīng)用程序訪問本地文件裝置，因此在基于webkit的瀏覽器中，對于頁面內(nèi)的type= “file"類型的input標簽，用戶無法點擊本地文件裝置的圖片去上傳。

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

[0004]本發(fā)明的目的在于，解決傳統(tǒng)的iOS裝置的webkit瀏覽器無法上傳文件的問題，方便用戶上傳文件。
[0005]本發(fā)明的目的及解決其技術(shù)問題是采用以下技術(shù)方案來實現(xiàn)的。
[0006]一種基于webkit內(nèi)核瀏覽器的文件上傳方法，包括:利用webkit內(nèi)核瀏覽器中的UIWebView控件監(jiān)測頁面中與上傳文件相關(guān)的觸發(fā)按鈕所鏈接的url請求；判斷UIWebView控件所監(jiān)測到的url請求是否包含約定的協(xié)議開頭，如果判斷結(jié)果為是，接收并上傳文件；否則，不進行文件上傳。
[0007]一種基于webkit內(nèi)核瀏覽器的文件上傳裝置，包括:監(jiān)測模塊，用于利用webkit內(nèi)核瀏覽器中的UIWebView控件監(jiān)測頁面中與上傳文件相關(guān)的觸發(fā)按鈕所鏈接的url請求；判斷執(zhí)行模塊，用于判斷UIWebView控件所監(jiān)測到的url請求是否包含約定的協(xié)議開頭，如果判斷結(jié)果為是，接收并上傳文件；否則，不進行文件上傳。
[0008]本發(fā)明的文件上傳方法及裝置通過UIWebView控件監(jiān)測url請求，并判斷該請求是否包含約定的協(xié)議開頭，如果判斷結(jié)果為是，接收并上傳文件；否則，不進行文件上傳，解決了傳統(tǒng)的iOS裝置的webkit瀏覽器無法上傳文件的問題，方便用戶上傳文件。
【專利附圖】

【附圖說明】
[0009]圖1為本發(fā)明第一實施例中的基于webkit內(nèi)核瀏覽器的文件上傳方法的流程示意圖。
[0010]圖2為本發(fā)明第二實施例中的基于webkit內(nèi)核瀏覽器的文件上傳方法的流程示意圖。
[0011]圖3為本發(fā)明第二實施例中的文件上傳的代碼舉例。
[0012]圖4為本發(fā)明第三實施例中的基于webkit內(nèi)核瀏覽器的文件上傳裝置的結(jié)構(gòu)示意圖。
[0013]圖5為本發(fā)明第四實施例中的基于webkit內(nèi)核瀏覽器的文件上傳裝置的結(jié)構(gòu)示意圖。
【具體實施方式】
[0014]為更進一步闡述本發(fā)明為達成預(yù)定發(fā)明目的所采取的技術(shù)手段及功效，以下結(jié)合附圖及較佳實施例，對依據(jù)本發(fā)明提出的基于webkit內(nèi)核瀏覽器的文件上傳方法及裝置其【具體實施方式】、方法、步驟、特征及其功效，詳細說明如下。
[0015]有關(guān)本發(fā)明的前述及其他技術(shù)內(nèi)容、特點及功效，在以下配合參考圖式的較佳實施例的詳細說明中將可清楚呈現(xiàn)。通過【具體實施方式】的說明，當可對本發(fā)明為達成預(yù)定目的所采取的技術(shù)手段及功效得以更加深入且具體的了解，然而所附圖式僅是提供參考與說明之用，并非用來對本發(fā)明加以限制。
[0016]第一實施例
[0017]圖1為本發(fā)明第一實施例中的基于webkit內(nèi)核瀏覽器的文件上傳方法的流程示意圖。請參照圖1，本發(fā)明第一實施例中的基于webkit內(nèi)核瀏覽器的文件上傳方法包括:
[0018]步驟S 11:利用webkit內(nèi)核瀏覽器中的UIWebView控件監(jiān)測頁面中與上傳文件相關(guān)的觸發(fā)按鈕所鏈接的url請求。
[0019]步驟S12:判斷UIWebView控件所監(jiān)測到的url請求是否包含約定的協(xié)議開頭,如果判斷結(jié)果為是，接收并上傳文件；否則，不進行文件上傳。
[0020]當用戶需要上傳文件上，首先點擊頁面中與上傳文件相關(guān)的觸發(fā)按鈕，例如點擊“上傳”、“瀏覽”等，于本發(fā)明中，這個與上傳文件相關(guān)的觸發(fā)按鈕與url請求相鏈接。當webkit內(nèi)核瀏覽器中的UIWebView控件監(jiān)測到的url請求包含約定的協(xié)議開頭時，即認為用戶觸發(fā)了文件上傳請求。約定的協(xié)議開頭事先可以根據(jù)需要進行設(shè)定，例如可以設(shè)定為“http://wbupload"等，當然,本發(fā)明并不以此為限。
[0021]本實施例中的基于webkit內(nèi)核瀏覽器的文件上傳方法采用鏈接的形式取代了input標簽,用戶點擊觸發(fā)按鈕后便觸發(fā)了 webkit內(nèi)核瀏覽器中的UIWebView控件,通過UIffebView控件監(jiān)測url請求，并判斷該請求是否包含約定的協(xié)議開頭，如果判斷結(jié)果為是，接收并上傳文件；否則，不進行文件上傳，解決了傳統(tǒng)的iOS裝置的webkit瀏覽器無法上傳文件的問題，方便用戶上傳文件。
[0022]第二實施例
[0023]圖2為本發(fā)明第二實施例中的基于webkit內(nèi)核瀏覽器的文件上傳方法的流程示意圖。請參照圖2，本發(fā)明第二實施例中的基于webkit內(nèi)核瀏覽器的文件上傳方法包括:
[0024]步驟S21:利用webkit內(nèi)核瀏覽器中的UIWebView控件監(jiān)測頁面中與上傳文件相關(guān)的觸發(fā)按鈕所鏈接的url請求。
[0025]步驟S22:判斷UIWebView控件所監(jiān)測到的url請求是否包含約定的協(xié)議開頭,如果判斷結(jié)果為是，則進行步驟S23:接收并上傳文件；否則，不進行文件上傳。[0026]于本實施例中，步驟S23進一步包括:
[0027]步驟S231:接收上傳文件的請求。
[0028]于本實施例中，與上傳文件相關(guān)的觸發(fā)按鈕所鏈接的url請求例如為:http://wbupload://somehost/somepath?somequery&cookiejs=funcl&successjs=func2&positionj s=func3,其中 http://wbupload:為約定的協(xié)議開頭；somehost/somepath?somequery&為與文件上傳相關(guān)的 post 請求的 url ；http: //wbupload: //somehost/somepath?somequery&cookiejs=funcl&successjs=func2&positionjs=func3 為固定格式，只是 funcl、func2>func3(js函數(shù)名，且不帶括號對)具體名字視服務(wù)器下發(fā)。
[0029]于此步驟中，可以通過nWebView控件調(diào)用上述func Ij s函數(shù)獲得發(fā)送上傳請求用到的cookie值，獲得cookie是為了獲取用戶的身份等信息，比如是哪個用戶在進行上傳等。
[0030]步驟S232:生成并彈出文件選擇框。
[0031]于此步驟中，可以通過UIWebView控件調(diào)用上述func3j s函數(shù)得到一個jselement對象,客戶端自己設(shè)計算法，計算出所述選擇框應(yīng)指向的位置。
[0032]步驟S233:判斷是否選擇了待上傳的文件，如果選擇了待上傳的文件則開始上傳所選擇的文件。
[0033]選好文件后，開始上傳，客戶端有upload界面，上傳代碼具體可以為圖3中所示的代碼，當然，本發(fā)明并不以此為限。
[0034]步驟S234:展示上傳文件后的頁面。
[0035]于此步驟中，文件上傳成功后,利用UIWebView控件調(diào)用相關(guān)上述func2j s函數(shù)以顯示所述上傳文件后的頁面，例如將response body(text格式)做為func2js函數(shù)的參數(shù)，運算func2jS函數(shù)，就會顯示上傳后的頁面。
[0036]本實施例中的基于webkit內(nèi)核瀏覽器的文件上傳方法采用鏈接的形式取代了input標簽,用戶點擊觸發(fā)按鈕后便觸發(fā)了 webkit內(nèi)核瀏覽器中的UIWebView控件,通過UIffebView控件監(jiān)測url請求，并判斷該請求是否包含約定的協(xié)議開頭，如果判斷結(jié)果為是，接收并上傳文件；否則，不進行文件上傳，解決了傳統(tǒng)的iOS裝置的webkit瀏覽器無法上傳文件的問題，方便用戶上傳文件。
[0037]第三實施例
[0038]圖4為本發(fā)明第三實施例中的基于webkit內(nèi)核瀏覽器的文件上傳裝置的結(jié)構(gòu)示意圖。請參照圖4，本發(fā)明第三實施例中的基于webkit內(nèi)核瀏覽器的文件上傳裝置30包括:
[0039]監(jiān)測模塊31:用于利用webkit內(nèi)核瀏覽器中的UIWebView控件監(jiān)測頁面中與上傳文件相關(guān)的觸發(fā)按鈕所鏈接的url請求。
[0040]判斷執(zhí)行 模塊32:用于判斷UIWebView控件所監(jiān)測到的url請求是否包含約定的協(xié)議開頭，如果判斷結(jié)果為是，接收并上傳文件；否則，不進行文件上傳。
[0041]當用戶需要上傳文件上，首先點擊頁面中與上傳文件相關(guān)的觸發(fā)按鈕，例如點擊“上傳”、“瀏覽”等，于本發(fā)明中，這個與上傳文件相關(guān)的觸發(fā)按鈕與url請求相鏈接。檢測模塊31監(jiān)測到的url請求包含約定的協(xié)議開頭時，即認為用戶觸發(fā)了文件上傳請求。約定的協(xié)議開頭事先可以由設(shè)置模塊32根據(jù)需要進行設(shè)定，例如可以設(shè)定為“http://wbupload"等，當然,本發(fā)明并不以此為限。
[0042]本實施例中的基于webkit內(nèi)核瀏覽器的文件上傳裝置通過檢測模塊監(jiān)測url請求，并通過判斷執(zhí)行模塊判斷該請求是否包含約定的協(xié)議開頭，如果判斷結(jié)果為是，接收并上傳文件；否則，不進行文件上傳，解決了傳統(tǒng)的iOS裝置的webkit瀏覽器無法上傳文件的問題，方便用戶上傳文件。
[0043]第四實施例
[0044]圖5為本發(fā)明第四實施例中的基于webkit內(nèi)核瀏覽器的文件上傳裝置的結(jié)構(gòu)示意圖。請參照圖5，本發(fā)明第四實施例中的基于webkit內(nèi)核瀏覽器的文件上傳裝置40包括:
[0045]監(jiān)測模塊41,用于利用webkit內(nèi)核瀏覽器中的UIWebView控件監(jiān)測頁面中與上傳文件相關(guān)的觸發(fā)按鈕所鏈接的url請求。
[0046]判斷執(zhí)行模塊42,用于判斷UIWebView控件所監(jiān)測到的url請求是否包含約定的協(xié)議開頭，如果判斷結(jié)果為是，接收并上傳文件；否則，不進行文件上傳。
[0047]于本實施例中，判斷執(zhí)行模塊42進一步包括:
[0048]接收模塊421:用于接收上傳文件的請求。
[0049]于本實施例中，與上傳文件相關(guān)的觸發(fā)按鈕所鏈接的url請求例如為:http://wbupload://somehost/somepath?somequery&cookiejs=funcl&successjs=func2&positionjs=func3,其中 http://wbupload:為約定的協(xié)議開頭；somehost/somepath?somequery&為與文件上傳相關(guān)的 post 請求的 url ；http: //wbupload: //somehost/somepath?somequery&cookie js=funcl&success js=func2&positionjs=func3 為固定格式，只是 funcl、func2>func3(js函數(shù)名，且不帶括號對)具體名字視服務(wù)器下發(fā)。
[0050]于本實施例中，所述接收模塊421包括第一調(diào)用模塊4211，用于利用WWebView控件調(diào)用相關(guān)js函數(shù)獲得發(fā)送上傳請求用到的cookie值。
[0051]框彈出模塊422:用于生成并彈出文件選擇框。
[0052]于本實施例中，所述框彈出模塊422包括第二調(diào)用模塊4221，用于利用UIWebView控件調(diào)用相關(guān)js函數(shù)計算所述文件選擇框應(yīng)指向的位置。
[0053]判斷執(zhí)行子模塊423:用于判斷是否選擇了待上傳的文件，如果選擇了待上傳的文件則開始上傳所選擇的文件。
[0054]展示模塊424:用于展示上傳文件后的頁面。
[0055]于本實施例中，展示模塊424包括第三調(diào)用模塊4241，用于利用WWebView控件調(diào)用相關(guān)js函數(shù)顯示所述上傳文件后的頁面。
[0056]本實施例中的基于webkit內(nèi)核瀏覽器的文件上傳裝置通過檢測模塊監(jiān)測url請求，并通過判斷執(zhí)行模塊判斷該請求是否包含約定的協(xié)議開頭，如果判斷結(jié)果為是，接收并上傳文件；否則，不進行文件上傳，解決了傳統(tǒng)的iOS裝置的webkit瀏覽器無法上傳文件的問題，方便用戶上傳文件。
[0057]需要說明的是，本說明書中的各個實施例均采用遞進的方式描述，每個實施例重點說明的都是與其他實施例的不同之處，各個實施例之間相同相似的部分互相參見即可。對于裝置類實施例而言，由于其與方法實施例基本相似，所以描述的比較簡單，相關(guān)之處參見方法實施例的部分說明即可。[0058]需要說明的是，在本文中，術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、物品或者裝置不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、物品或者裝置所固有的要素。在沒有更多限制的情況下，由語句“包括一個……”限定的要素，并不排除在包括所述要素的過程、方法、物品或者裝置中還存在另外的相同要素。
[0059]本領(lǐng)域普通技術(shù)人員可以理解實現(xiàn)上述實施例的全部或部分步驟可以通過硬件來完成，也可以通過程序來指令相關(guān)的硬件完成，所述的程序可以存儲于一種計算機可讀存儲介質(zhì)中，上述提到的存儲介質(zhì)可以是只讀存儲器，磁盤或光盤等。
[0060]以上所述， 僅是本發(fā)明的較佳實施例而已，并非對本發(fā)明作任何形式上的限制，雖然本發(fā)明已以較佳實施例揭露如上，然而并非用以限定本發(fā)明，任何熟悉本專業(yè)的技術(shù)人員，在不脫離本發(fā)明技術(shù)方案范圍內(nèi)，當可利用上述揭示的技術(shù)內(nèi)容做出些許更動或修飾為等同變化的等效實施例，但凡是未脫離本發(fā)明技術(shù)方案內(nèi)容，依據(jù)本發(fā)明的技術(shù)實質(zhì)對以上實施例所作的任何簡單修改、等同變化與修飾，均仍屬于本發(fā)明技術(shù)方案的范圍內(nèi)。
【權(quán)利要求】
1.一種基于webkit內(nèi)核瀏覽器的文件上傳方法,其特征在于,所述文件上傳方法包括: 利用webkit內(nèi)核瀏覽器中的UIWebView控件監(jiān)測頁面中與上傳文件相關(guān)的觸發(fā)按鈕所鏈接的urI請求； 判斷UIWebView控件所監(jiān)測到的url請求是否包含約定的協(xié)議開頭，如果判斷結(jié)果為是，接收并上傳文件；否則，不進行文件上傳。
2.如權(quán)利要求1所述的文件上傳方法，其特征在于，于所述利用webkit內(nèi)核瀏覽器中的UIWebView控件監(jiān)測頁面中與上傳文件相關(guān)的觸發(fā)按鈕所鏈接的url請求前進一步包括: 設(shè)置所述約定的協(xié)議開頭。
3.如權(quán)利要求1所述的文件上傳方法，其特征在于，所述接收并上傳文件的步驟包括: 接收上傳文件的請求； 生成并彈出文件選擇框； 判斷是否選擇了待上傳的文件，如果選擇了待上傳的文件則開始上傳所選擇的文件； 展示上傳文件后的頁面。
4.如權(quán)利要求3所述的文件上傳方法，其特征在于，所述接收上傳文件的請求的步驟包括: 利用UIWebView控件調(diào)用相關(guān)js函數(shù)獲得發(fā)送請求用到的cookie值。
5.如權(quán)利要求3所述的文件上傳方法，其特征在于，所述生成并彈出文件選擇框的步驟包括: 利用UIWebView控件調(diào)用相關(guān)js函數(shù)計算所述文件選擇框應(yīng)指向的位置。
6.如權(quán)利要求3所述的文件上傳方法，其特征在于，所述展示上傳文件后的頁面的步驟包括: 利用UIWebView控件調(diào)用相關(guān)js函數(shù)顯示所述上傳文件后的頁面。
7.一種基于webkit內(nèi)核瀏覽器的文件上傳裝置，其特征在于，所述文件上傳裝置包括: 監(jiān)測模塊，用于利用webkit內(nèi)核瀏覽器中的nWebView控件監(jiān)測頁面中與上傳文件相關(guān)的觸發(fā)按鈕所鏈接的url請求； 判斷執(zhí)行模塊，用于判斷UIWebView控件所監(jiān)測到的url請求是否包含約定的協(xié)議開頭，如果判斷結(jié)果為是，接收并上傳文件；否則，不進行文件上傳。
8.如權(quán)利要求7所述的文件上傳裝置，其特征在于，所述文件上傳裝置進一步包括: 設(shè)置模塊，用于設(shè)置所述約定的協(xié)議開頭。
9.如權(quán)利要求7所述的文件上傳裝置，其特征在于，所述判斷執(zhí)行模塊包括: 接收模塊，用于接收上傳文件的請求； 框彈出模塊，用于生成并彈出文件選擇框； 判斷執(zhí)行子模塊，用于判斷是否選擇了待上傳的文件，如果選擇了待上傳的文件則開始上傳所選擇的文件； 展示模塊，用于展示上傳文件后的頁面。
10.如權(quán)利要求9所述的文件上傳裝置，其特征在于，所述接收模塊包括:第一調(diào)用模塊，用于利用UIWebView控件調(diào)用相關(guān)js函數(shù)獲得發(fā)送上傳請求用到的cookie 值。
11.如權(quán)利要求9所述的文件上傳裝置，其特征在于，所述框彈出模塊包括: 第二調(diào)用模塊，用于利用UIWebView控件調(diào)用相關(guān)js函數(shù)計算所述文件選擇框應(yīng)指向的位置。
12.如權(quán)利要求9所述的文件上傳裝置，其特征在于，所述展示模塊包括: 第三調(diào)用模塊，用于利用UIWebView控件調(diào)用相關(guān)js函數(shù)顯示所述上傳文件后的頁面。
【文檔編號】H04L29/08GK103685379SQ201210335644
【公開日】2014年3月26日 申請日期:2012年9月12日 優(yōu)先權(quán)日:2012年9月12日
【發(fā)明者】曹濤, 侯杰, 豆寧軍, 何明, 呂旭輝 申請人:騰訊科技（深圳）有限公司