專利名稱：一種圖片信息的搜索方法及搜索裝置的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及網(wǎng)絡(luò)技術(shù)，特別是涉及一種圖片信息的搜索方法及搜索裝置。
背景技術(shù)：
圖床是專門用來存放圖片，同時允許把其中的圖片進行對外連接的網(wǎng)上空間，不少圖床都是免費的。用雅虎(yahoo)、谷歌(google)、新浪(sina)等搜索引擎找圖床，輸入“圖片存放”、“free photo space”之類的關(guān)鍵字去搜，可以找到很多提供圖床服務(wù)的網(wǎng)站。圖床多是免費的、容量大、允許傳輸量大并且服務(wù)穩(wěn)定。在應(yīng)用圖床時，一般先在圖床網(wǎng)站注冊，之后往圖床網(wǎng)站上傳圖片，會返回一個URL (Uniform Resource Locator,統(tǒng)一資源定位符，也被稱為網(wǎng)頁地址)作為圖片鏈接,該URL圖片鏈接可以在網(wǎng)站帖子或者微博中直接復(fù)制后進行發(fā)布操作。IE (Internet Explorer)開發(fā)者可以使用 HTML element (網(wǎng)頁兀素)具有的 Event(事件):拖拽(onDrag )、拷貝(onCopy )，可以將被拖拽的元素中的內(nèi)容(文本、圖片、文件)存到系統(tǒng)剪切板中。現(xiàn)有技術(shù)中的圖片上傳是將本地圖片進行上傳，或者圖片的網(wǎng)絡(luò)地址(由上述的圖床服務(wù)器提供的URL)，進行同步的上傳到對應(yīng)的服務(wù)器即可?，F(xiàn)有技術(shù)中，圖片搜索的原理如下本地圖片可以通過界面提交本地路徑然后向圖片搜索引擎進行上傳，然后進行圖片識別(進行比對，識別該圖片中的內(nèi)容)；或者不是從本地上傳的而是已經(jīng)保存在網(wǎng)絡(luò)中的某一個圖床中的，這樣只需要提供該圖片的圖床服務(wù)器中的URL即可。圖片搜索引擎依據(jù)上述URL下載圖片，然后進行圖片識別(進行比對，識別該圖片中的內(nèi)容)。最終將該圖片的識別后進行圖片的搜索，并將搜索結(jié)果傳回到瀏覽器側(cè)進行顯示?，F(xiàn)有圖片搜索技術(shù)具有如下缺點圖片的上傳提交只能夠通過固定的遞交界面，通過界面選擇的本地圖片的路徑或者網(wǎng)絡(luò)路徑進行上傳，而且提交本地圖片時總是要等到圖片上傳完畢才能夠顯示提交成功，相對來說本地圖片的上傳速度用戶感覺會慢。而且用戶看不到自己怎樣的圖片被上傳，不能夠在上傳遞交前看看預(yù)覽，而且只能夠上傳一張圖片一次，這樣對于一系列相關(guān)的圖片的搜索沒法進行。

發(fā)明內(nèi)容
本發(fā)明實施例的目的是提供一種圖片信息的搜索方法及搜索裝置，能夠減少被搜索圖片的上傳等待時間，從而減少圖片搜索的等待時間，改善用戶體驗。為了實現(xiàn)上述目的，本發(fā)明提供了一種圖片信息的搜索方法，包括檢測到網(wǎng)頁中位于輸入?yún)^(qū)域的圖片輸入事件；將所述圖片輸入事件對應(yīng)的輸入圖片上傳到圖床服務(wù)器，并獲得所述輸入圖片在圖床服務(wù)器中的鏈接信息；在所述輸入?yún)^(qū)域上生成并加載一包括所述輸入圖片的懸浮層；
檢測到對輸入?yún)^(qū)域的內(nèi)容進行提交的事件；將所述懸浮層的超文本標記語言信息中所述輸入圖片的鏈接信息上傳到圖片搜索引擎服務(wù)器；接收來自所述搜索引擎服務(wù)器的所述輸入圖片的鏈接信息的搜索結(jié)果，并在瀏覽器端進行顯示。 優(yōu)選地，上述的搜索方法中，所述懸浮層包括多個所述輸入圖片，每個所述輸入圖片都被上傳到所述圖床服務(wù)器，并獲得對應(yīng)的鏈接信息；則通過網(wǎng)頁標簽對不同圖片的搜索結(jié)果進行分隔顯示。優(yōu)選地，上述的搜索方法中，還包括在瀏覽器端對所述輸入圖片進行識別，將相似程度大于門限的所述輸入圖片作為系列圖片，對所述系列圖片的搜索結(jié)果放入同一個網(wǎng)頁標簽中顯示。優(yōu)選地，上述的搜索方法中，進一步包括在瀏覽器端記錄搜索過的所述輸入圖片的鏈接信息；依據(jù)所述輸入圖片的鏈接信息，對圖片檢索歷史進行查詢并顯示檢索過的圖片。優(yōu)選地，上述的搜索方法中，還包括在所述懸浮層生成預(yù)覽圖片元素，所述預(yù)覽圖片元素的鏈接地址為瀏覽器端本地地址；在檢測到所述對輸入?yún)^(qū)域的內(nèi)容進行提交的事件后，將所述預(yù)覽圖片元素的鏈接地址修改為所述鏈接信息并進行上傳。優(yōu)選地，上述的搜索方法中，在所述輸入?yún)^(qū)域上中生成并加載一包括所述輸入圖片的懸浮層的步驟具體包括由網(wǎng)頁瀏覽器提供的第一定制處理函數(shù)生成所述懸浮層；第二定制處理函數(shù)用對應(yīng)的HTML標簽標記所述輸入圖片，以將所述輸入圖片轉(zhuǎn)換為對應(yīng)的HTML元素，其中所述HTML元素中包含所述圖片的鏈接地址；第三定制處理函數(shù)將所述HTML元素寫入到所述懸浮層中。優(yōu)選地，上述的搜索方法中，所述輸入?yún)^(qū)域包括文本輸入框控件。優(yōu)選地，上述的搜索方法中，所述圖片輸入事件包括圖片拖拽事件或圖片粘貼事件。優(yōu)選地，上述的搜索方法中，所述瀏覽器端本地地址為操作端剪貼板地址、操作端緩存地址或者操作端硬盤地址。優(yōu)選地，上述的搜索方法中，所述對輸入?yún)^(qū)域的內(nèi)容進行提交的事件包括上傳按鈕觸發(fā)或者所述輸入?yún)^(qū)域失去焦點。本發(fā)明還提供一種圖片信息的搜索裝置，包括輸入事件檢測單元，其配置為檢測到網(wǎng)頁中位于輸入?yún)^(qū)域的圖片輸入事件；圖床單元，其配置為將所述圖片輸入事件對應(yīng)的輸入圖片上傳到圖床服務(wù)器，并獲得所述輸入圖片在圖床服務(wù)器中的鏈接信息；懸浮層單元，其配置為在所述輸入?yún)^(qū)域上生成并加載一包括所述輸入圖片的懸
浮層；上傳事件檢測單元，其配置為檢測到對輸入?yún)^(qū)域的內(nèi)容進行提交的事件；
上傳單元，其配置為將所述懸浮層的超文本標記語言信息中所述輸入圖片的鏈接信息上傳到圖片搜索引擎服務(wù)器；搜索結(jié)果顯示單元，其配置為接收來自所述搜索引擎服務(wù)器的所述輸入圖片的鏈接信息的搜索結(jié)果，并在瀏覽器端進行顯示。優(yōu)選地，上述的搜索裝置中， 所述懸浮層單元，其配置為所述懸浮層包括多個所述輸入圖片，每個所述輸入圖片都被上傳到所述圖床服務(wù)器，并獲得對應(yīng)的鏈接信息；所述搜索結(jié)果顯示單元，通過網(wǎng)頁標簽對不同圖片的搜索結(jié)果進行分隔顯示。優(yōu)選地，上述的搜索裝置中，還包括識別單元，其配置為在瀏覽器端對所述輸入圖片進行識別，將相似程度大于門限的所述輸入圖片作為系列圖片；所述搜索結(jié)果顯示單元，對所述系列圖片的搜索結(jié)果放入同一個網(wǎng)頁標簽中顯
/Jn ο優(yōu)選地，上述的搜索裝置中，進一步包括緩存單元，其配置為在瀏覽器端記錄搜索過的所述輸入圖片的鏈接信息；依據(jù)所述輸入圖片的鏈接信息，對圖片檢索歷史進行查詢并顯示檢索過的圖片。優(yōu)選地，上述的搜索裝置中，還包括圖片預(yù)覽單元，其配置為在所述懸浮層生成預(yù)覽圖片元素，所述預(yù)覽圖片元素的鏈接地址為瀏覽器端本地地址；在檢測到所述對輸入?yún)^(qū)域的內(nèi)容進行提交的事件后，將所述預(yù)覽圖片元素的鏈接地址修改為所述鏈接信息。優(yōu)選地，上述的搜索裝置中，所述懸浮層單元，其配置為由網(wǎng)頁瀏覽器提供的第一定制處理函數(shù)生成所述懸浮層；第二定制處理函數(shù)用對應(yīng)的HTML標簽標記所述輸入圖片，以將所述輸入圖片轉(zhuǎn)換為對應(yīng)的HTML元素，其中所述HTML元素中包含所述圖片的鏈接地址；第三定制處理函數(shù)將所述HTML元素寫入到所述懸浮層中。優(yōu)選地，上述的搜索裝置中，所述輸入?yún)^(qū)域包括文本輸入框控件。優(yōu)選地，上述的搜索裝置中，所述圖片輸入事件包括圖片拖拽事件或圖片粘貼事件。優(yōu)選地，上述的搜索裝置中，所述瀏覽器端本地地址為操作端剪貼板地址、操作端緩存地址或者操作端硬盤地址。優(yōu)選地，上述的搜索裝置中，所述對輸入?yún)^(qū)域的內(nèi)容進行提交的事件包括上傳按鈕觸發(fā)或者所述輸入?yún)^(qū)域失去焦點。本發(fā)明實施例至少存在以下技術(shù)效果I)本發(fā)明實施例中，在檢測到圖片輸入事件后，就立即啟動圖床上傳，在用戶完成預(yù)覽決定上傳時，需要進行搜索的圖片已經(jīng)上傳了一段時間了，因此，對于用戶來說其決定搜索后圖片可能已經(jīng)上傳完畢或者已經(jīng)上傳了大部分，大大節(jié)約了用戶的上傳等待時間，從而減少圖片搜索的等待時間，改善了用戶體驗。2)本發(fā)明在瀏覽器端可以實現(xiàn)類似圖片的判別，可以對用戶的搜索結(jié)果進行更好的歸類，改善了用戶體驗。
3)本發(fā)明可以支持多個圖片的預(yù)覽和集體搜索。因為每個圖片的上傳都節(jié)約了等待時間，所以要上傳多個待搜索的圖片時，節(jié)約的總體時間非?？捎^。4)本發(fā)明實施例中，通過懸浮層來支持HTML數(shù)據(jù)的圖片輸入，可以在輸入?yún)^(qū)域直接進行預(yù)覽，預(yù)覽圖片元素的鏈接地址采用瀏覽器端本地地址，因此不必等待圖床上傳結(jié)束就可以實現(xiàn)立即預(yù)覽，用戶可以立即確認輸入?yún)^(qū)域中需要搜索的圖片是否正確，改善了用戶體驗。


圖I為本發(fā)明搜索方法實施例的步驟流程圖；圖2為本發(fā)明提供的搜索裝置的結(jié)構(gòu)圖。
具體實施例方式為使本發(fā)明實施例的目的、技術(shù)方案和優(yōu)點更加清楚，下面將結(jié)合附圖對具體實施例進行詳細描述。圖I為本發(fā)明方法實施例的步驟流程圖，如圖I所示，本發(fā)明實施例提供了一種圖片信息的搜索方法，包括步驟101，檢測到網(wǎng)頁中位于輸入?yún)^(qū)域的圖片輸入事件；步驟102，將所述圖片輸入事件對應(yīng)的輸入圖片上傳到圖床服務(wù)器，并獲得所述輸入圖片在圖床服務(wù)器中的鏈接信息；步驟103，在所述輸入?yún)^(qū)域上生成并加載一包括所述輸入圖片的懸浮層；步驟104，檢測到對輸入?yún)^(qū)域的內(nèi)容進行提交的事件；步驟105，將所述懸浮層的超文本標記語言信息中所述輸入圖片的鏈接信息上傳到圖片搜索引擎服務(wù)器；步驟106，接收來自所述搜索引擎服務(wù)器的所述輸入圖片的鏈接信息的搜索結(jié)果，并在瀏覽器端進行顯示。可見，本發(fā)明實施例中，在檢測到圖片輸入事件后，就立即啟動圖床上傳，在用戶完成預(yù)覽決定上傳時，需要進行搜索的圖片已經(jīng)上傳了一段時間了，因此，對于用戶來說其決定搜索后圖片可能已經(jīng)上傳完畢或者已經(jīng)上傳了大部分，大大節(jié)約了用戶的上傳等待時間，從而減少圖片搜索的等待時間，改善了用戶體驗。在本發(fā)明的一個優(yōu)選實施例中，所述懸浮層包括多個所述輸入圖片，每個所述輸入圖片都被上傳到所述圖床服務(wù)器，并獲得對應(yīng)的鏈接信息；則通過網(wǎng)頁標簽對不同圖片的搜索結(jié)果進行分隔顯示。因此，本發(fā)明可以支持多個圖片的預(yù)覽和集體搜索。因為每個圖片的上傳都節(jié)約了等待時間，所以要上傳多個待搜索的圖片時，節(jié)約的總體時間非?？捎^。在本發(fā)明的一個優(yōu)選實施例中，還包括在瀏覽器端對所述輸入圖片進行識別，將相似程度大于門限的所述輸入圖片作為系列圖片，對所述系列圖片的搜索結(jié)果放入同一個網(wǎng)頁標簽中顯示。因此，本發(fā)明在瀏覽器端可以實現(xiàn)類似圖片的判別，可以對用戶的搜索結(jié)果進行更好的歸類，改善了用戶體驗。在本發(fā)明的一個優(yōu)選實施例中，進一步包括在瀏覽器端記錄搜索過的所述輸入圖片的鏈接信息；依據(jù)所述輸入圖片的鏈接信息，對圖片檢索歷史進行查詢并顯示檢索過的圖片。在本發(fā)明的一個優(yōu)選實施例中，還包括在所述懸浮層生成預(yù)覽圖片元素，所述預(yù)覽圖片元素的鏈接地址為瀏覽器端本地地址；在檢測到所述對輸入?yún)^(qū)域的內(nèi)容進行提交的事件后，將所述預(yù)覽圖片 元素的鏈接地址修改為所述鏈接信息并進行上傳。可見，本發(fā)明實施例中，通過懸浮層來支持HTML數(shù)據(jù)的圖片輸入，可以在輸入?yún)^(qū)域直接進行預(yù)覽，預(yù)覽圖片元素的鏈接地址采用瀏覽器端本地地址，因此不必等待圖床上傳結(jié)束就可以實現(xiàn)立即預(yù)覽，用戶可以立即確認輸入?yún)^(qū)域中需要搜索的圖片是否正確，改善了用戶體驗。在本發(fā)明的一個實施例中，在所述輸入?yún)^(qū)域上中生成并加載一包括所述輸入圖片的懸浮層的步驟具體包括由網(wǎng)頁瀏覽器提供的第一定制處理函數(shù)生成所述懸浮層；第二定制處理函數(shù)用對應(yīng)的HTML標簽標記所述輸入圖片，以將所述輸入圖片轉(zhuǎn)換為對應(yīng)的HTML元素，其中所述HTML元素中包含所述圖片的鏈接地址；第三定制處理函數(shù)將所述HTML元素寫入到所述懸浮層中。其中，所述輸入?yún)^(qū)域包括文本輸入框控件。所述圖片輸入事件包括圖片拖拽事件或圖片粘貼事件。所述瀏覽器端本地地址為操作端剪貼板地址、操作端緩存地址或者操作端硬盤地址。所述對輸入?yún)^(qū)域的內(nèi)容進行提交的事件包括上傳按鈕觸發(fā)或者所述輸入?yún)^(qū)域失去焦點。圖2為本發(fā)明提供的搜索裝置的結(jié)構(gòu)圖，如圖2所示，本發(fā)明實施例提供了一種圖片信息的搜索裝置，包括輸入事件檢測單元201，其配置為檢測到網(wǎng)頁中位于輸入?yún)^(qū)域的圖片輸入事件；圖床單元202，其配置為將所述圖片輸入事件對應(yīng)的輸入圖片上傳到圖床服務(wù)器，并獲得所述輸入圖片在圖床服務(wù)器中的鏈接信息；懸浮層單元203，其配置為在所述輸入?yún)^(qū)域上生成并加載一包括所述輸入圖片的懸浮層；上傳事件檢測單元204，其配置為檢測到對輸入?yún)^(qū)域的內(nèi)容進行提交的事件；上傳單元205，其配置為將所述懸浮層的超文本標記語言信息中所述輸入圖片的鏈接信息上傳到圖片搜索引擎服務(wù)器；搜索結(jié)果顯示單元206，其配置為接收來自所述搜索引擎服務(wù)器的所述輸入圖片的鏈接信息的搜索結(jié)果，并在瀏覽器端進行顯示?？梢?，本發(fā)明上傳裝置的實施例中，在檢測到圖片輸入事件后，就立即啟動圖床上傳，在用戶完成預(yù)覽決定搜索時，需要進行搜索的圖片已經(jīng)上傳了一段時間了，因此，對于用戶來說其決定搜索后圖片可能已經(jīng)上傳完畢或者已經(jīng)上傳了大部分，大大節(jié)約了用戶的上傳等待時間，從而減少圖片搜索的等待時間，改善了用戶體驗。其中，所述懸浮層單元，其配置為所述懸浮層包括多個所述輸入圖片，每個所述輸入圖片都被上傳到所述圖床服務(wù)器，并獲得對應(yīng)的鏈接信息；所述搜索結(jié)果顯示單元，通過網(wǎng)頁標簽對不同圖片的搜索結(jié)果進行分隔顯示。在本發(fā)明的一個實施例中，搜索裝置還包括識別單元，其配置為在瀏覽器端對所述輸入圖片進行識別，將相似程度大于門限的所述輸入圖片作為系列圖片；其中，所述搜索結(jié)果顯示單元對所述系列圖片的搜索結(jié)果放入同一個網(wǎng)頁標簽中顯示。在本發(fā)明的一個實施例中，搜索裝置進一步包括緩存單元，其配置為在瀏覽器端記錄搜索過的所述輸入圖片的鏈接信息；依據(jù)所述輸入圖片的鏈接信息，對圖片檢索歷史進行查詢并顯示檢索過的圖片。在本發(fā)明的一個實施例中，搜索裝置還包括圖片預(yù)覽單元207，其配置為在所述懸浮層生成預(yù)覽圖片元素，所述預(yù)覽圖片元素的鏈接地址為瀏覽器端本地地址；在檢測到所述對輸入?yún)^(qū)域的內(nèi)容進行提交的事件后，將所述預(yù)覽圖片元素的鏈接地址修改為所述鏈
接信息。 在本發(fā)明的一個實施例中，所述懸浮層單元，其配置為由網(wǎng)頁瀏覽器提供的第一定制處理函數(shù)生成所述懸浮層；第二定制處理函數(shù)用對應(yīng)的HTML標簽標記所述輸入圖片，以將所述輸入圖片轉(zhuǎn)換為對應(yīng)的HTML元素，其中所述HTML元素中包含所述圖片的鏈接地址；第三定制處理函數(shù)將所述HTML元素寫入到所述懸浮層中。其中，所述輸入?yún)^(qū)域包括文本輸入框控件。所述圖片輸入事件包括圖片拖拽事件或圖片粘貼事件。所述瀏覽器端本地地址為操作端剪貼板地址、操作端緩存地址或者操作端硬盤地址。所述對輸入?yún)^(qū)域的內(nèi)容進行提交的事件包括上傳按鈕觸發(fā)或者所述輸入?yún)^(qū)域失去焦點。本發(fā)明實施例中，用戶可以本地拖拽圖片到圖片上傳輸入框中，拖拽中實現(xiàn)在輸入框中的預(yù)覽，而且可以上傳多個圖片，使用在上述圖片上傳輸入框上的DIV編輯承載所述拖拽的圖片，該DIV中的MG標簽中是圖床服務(wù)器生成的圖片URL，后臺可以對上述多個圖片進行上傳。DIV中的圖片可以供進行預(yù)覽，傳給圖片搜索引擎的數(shù)據(jù)是圖床服務(wù)器生成的圖片URL。圖片搜索引擎根據(jù)上傳的一個或者多個URL下載圖片后進行分析，然后返回搜索的結(jié)果給瀏覽器進行顯示。因此，本發(fā)明改變了現(xiàn)有的圖片上傳搜索的方式，用戶可以通過托拽或粘貼的方式直接向輸入框輸入圖片，不用再采用現(xiàn)有技術(shù)的填入路徑地址的方式，所見即所輸入，避免因輸入路徑地址方式產(chǎn)生的因無法預(yù)覽造成的輸入錯誤和查找不便等缺陷，又可以使得圖片上傳的速度增加，進而搜索的等待時間減少。使得用戶獲得了更好地使用體驗。在具體搜索操作中，當網(wǎng)頁中檢測到對于圖片的“ondrag”和“oncopy”的事件時，獲取到被拖拽或者圖片對象的文件名或者文件信息。在ondrop事件發(fā)生在輸入框控件(例如Textarea (文本區(qū)域)控件或者Input (輸入)控件)時，位于輸入框控件之上生成一 DIV，DIV中的IMG元素是使用的本地圖片的路徑進行預(yù)覽顯示，生成DIV時后臺同時啟動了向指定圖床服務(wù)器的上傳，而且獲取到圖床對應(yīng)的URL。在點擊上傳或者搜索識別的按鈕后，開始將帶有URL的數(shù)據(jù)上傳到搜索引擎服務(wù)器進行檢索。該生成的DIV的主要通過以下函數(shù)獲取事件window, external. OnPastewindow, external. OnDrop該生成的DIV關(guān)鍵參數(shù)包括posit ion !relative;//位置參數(shù)為相對位置height: 250px; width: 250px; // 尺寸
filter:progid:DXImageTransform. Microsoft. AlphaImageLoader (sizingMethod=〃image〃，// 過濾屬性src=//file:///c:/pics/69c99583gwldtvfndt8adj. j pg">// 連接地址本實施例中以Textarea控件為例，當圖片被拖拽到該Textarea上產(chǎn)生ondrop事件時，其上對應(yīng)生成有DIV層，其中帶有生成的MG元素(該MG元素使用本地圖片的路徑來進行預(yù)覽)，這些都是用戶拖拽到textarea控件中時產(chǎn)生的HTML轉(zhuǎn)換數(shù)據(jù)；在預(yù)覽該拖動來的圖片的同時，啟動對圖片的后臺上傳到指定的圖床服務(wù)器，并返回記錄下其圖床中的 URL。 當用戶點擊submit按鈕時或者在textarea控件失去焦點時,觸發(fā)對記錄下其圖床中的URL的上傳到圖片搜索引擎，由圖片搜索引擎來生成圖片的搜索結(jié)果，并發(fā)回瀏覽器進行顯示。進一步地，對于在瀏覽器側(cè)可以拖拽多個圖片到上述的輸入框中進行預(yù)覽，而且在點擊圖片搜索之前可以拖拽多個圖片進來(由自動生成DIV來負責(zé)進行拖拽圖片的預(yù)覽顯示)該過程可以通過存儲有代碼的固件實現(xiàn)，也可以通過功能單元實現(xiàn)，采用的代碼中關(guān)鍵函數(shù)舉例如下DragQueryFile ();StringCchPrintf ();采用的代碼中關(guān)鍵參數(shù)舉例如下position:relative;//位置參數(shù)為相對位置本發(fā)明的一個實施例中，對于搜索過的圖片，在本地(某一個特定的緩存路徑)都是有記錄的，可以便于用戶進行圖片檢索歷史的查詢和預(yù)覽。在預(yù)覽該拖動來的圖片的同時，啟動對圖片的后臺上傳到指定的圖床服務(wù)器，并返回記錄下其圖床中的URL。這里圖床中的URL和本地的記錄圖片的地址是不一樣的(預(yù)覽使用本地路徑，上傳使用圖床的URL)。當多個圖片上傳時，對于不相關(guān)的圖片，可以對搜索引擎返回的數(shù)據(jù)進行多標簽的顯示，加快了用戶進行多圖片的搜索和識別。加快了搜索的速度，也提高了用戶的使用體驗。對于相同或者相近的圖片內(nèi)容的圖片的多張識別和搜索中，對于多張圖片的預(yù)覽和上傳就顯得很重要。需要對搜索服務(wù)器側(cè)的搜索引擎進行改進，以支持相近內(nèi)容的圖片進行系列的識別。對于相近的URL (該URL不是本發(fā)明中的圖床生成的，而是已經(jīng)有圖床URL的圖片)的多張圖片的上傳前進行預(yù)覽，然后集中進行上傳。這里的方案，也是可以使用本發(fā)明中的DIV技術(shù)進行顯示預(yù)覽。在一個利用圖片搜索引擎進行搜索的例子中，小圖標圖片會被拖拽到輸入框中，圖片會依據(jù)登錄瀏覽器用戶進行對應(yīng)的圖床上傳和URL獲取。點擊識別后會生成兩個標簽的搜索結(jié)果頁。下述代碼是對于DI V中的圖片進行上傳到搜索引擎服務(wù)器的實現(xiàn)關(guān)鍵代碼舉例plmg->get_src (&bsFileUrl) ; // 該步驟是圖床 URL 的獲取
UploadFile (bsFileUrl, &bsUrl) ;//該步驟是上傳圖片，其可見是上傳的圖床URL因此，本發(fā)明可以實現(xiàn)本地圖片的拖拽上傳，結(jié)合DI V的生成而實現(xiàn)預(yù)覽，并通過圖床生成了 URL可以實現(xiàn)后臺的上傳，獲取拖拽后實現(xiàn)的圖床URL后上傳給圖片搜索引擎，這樣可以大大地提高圖片上傳搜索時的速度。而且支持多圖片的預(yù)覽上傳和多圖片的圖片識別和搜索和多個圖片搜索結(jié)果標簽的顯示，這樣可以大大地提高圖片上傳搜索時的用戶體驗。

由上可知，本發(fā)明實施例具有以下優(yōu)勢I)本發(fā)明實施例中，在檢測到圖片輸入事件后，就立即啟動圖床上傳，在用戶完成預(yù)覽決定上傳時，需要進行搜索的圖片已經(jīng)上傳了一段時間了，因此，對于用戶來說其決定搜索后圖片可能已經(jīng)上傳完畢或者已經(jīng)上傳了大部分，大大節(jié)約了用戶的上傳等待時間，從而減少圖片搜索的等待時間，改善了用戶體驗。2)本發(fā)明在瀏覽器端可以實現(xiàn)類似圖片的判別，可以對用戶的搜索結(jié)果進行更好的歸類，改善了用戶體驗。3)本發(fā)明可以支持多個圖片的預(yù)覽和集體搜索。因為每個圖片的上傳都節(jié)約了等待時間，所以要上傳多個待搜索的圖片時，節(jié)約的總體時間非常可觀。4)本發(fā)明實施例中，通過懸浮層來支持HTML數(shù)據(jù)的圖片輸入，可以在輸入?yún)^(qū)域直接進行預(yù)覽，預(yù)覽圖片元素的鏈接地址采用瀏覽器端本地地址，因此不必等待圖床上傳結(jié)束就可以實現(xiàn)立即預(yù)覽，用戶可以立即確認輸入?yún)^(qū)域中需要搜索的圖片是否正確，改善了用戶體驗。上述本發(fā)明實施例中的方法、裝置適用于各種網(wǎng)絡(luò)或者客戶端環(huán)境中，例如可以實現(xiàn)在諸如個人計算機設(shè)備之類的計算機設(shè)備中，或者可以實現(xiàn)在諸如移動電話、移動通信設(shè)備、個人數(shù)字助理(PDA)等其他便攜式電子設(shè)備或者非便攜式電子設(shè)備中。因此本領(lǐng)域技術(shù)人員要明確的是，本發(fā)明的保護范圍并不限于PC上運行瀏覽器中的圖片上傳功能和圖片搜索功能，僅是出于描述的簡潔和方便而在本發(fā)明實施例中采用了 PC上運行瀏覽器中的圖片上傳功能和圖片搜索功能進行描述。以上所述僅是本發(fā)明的優(yōu)選實施方式，應(yīng)當指出，對于本技術(shù)領(lǐng)域的普通技術(shù)人員來說，在不脫離本發(fā)明原理的前提下，還可以做出若干改進和潤飾，這些改進和潤飾也應(yīng)視為本發(fā)明的保護范圍。
權(quán)利要求
1.一種圖片信息的搜索方法，其特征在于，包括 檢測到網(wǎng)頁中位于輸入?yún)^(qū)域的圖片輸入事件； 將所述圖片輸入事件對應(yīng)的輸入圖片上傳到圖床服務(wù)器，并獲得所述輸入圖片在圖床服務(wù)器中的鏈接信息； 在所述輸入?yún)^(qū)域上生成并加載一包括所述輸入圖片的懸浮層； 檢測到對輸入?yún)^(qū)域的內(nèi)容進行提交的事件； 將所述懸浮層的超文本標記語言信息中所述輸入圖片的鏈接信息上傳到圖片搜索引擎服務(wù)器； 接收來自所述搜索引擎服務(wù)器的所述輸入圖片的鏈接信息的搜索結(jié)果，并在瀏覽器端進行顯示。
2.根據(jù)權(quán)利要求I所述的搜索方法，其特征在于， 所述懸浮層包括多個所述輸入圖片，每個所述輸入圖片都被上傳到所述圖床服務(wù)器，并獲得對應(yīng)的鏈接信息；則 通過網(wǎng)頁標簽對不同圖片的搜索結(jié)果進行分隔顯示。
3.根據(jù)權(quán)利要求2所述的搜索方法，其特征在于，還包括 在瀏覽器端對所述輸入圖片進行識別，將相似程度大于門限的所述輸入圖片作為系列圖片，對所述系列圖片的搜索結(jié)果放入同一個網(wǎng)頁標簽中顯示。
4.根據(jù)權(quán)利要求I所述的搜索方法，其特征在于，進一步包括 在瀏覽器端記錄搜索過的所述輸入圖片的鏈接信息； 依據(jù)所述輸入圖片的鏈接信息，對圖片檢索歷史進行查詢并顯示檢索過的圖片。
5.根據(jù)權(quán)利要求I所述的搜索方法，其特征在于，還包括 在所述懸浮層生成預(yù)覽圖片元素，所述預(yù)覽圖片元素的鏈接地址為瀏覽器端本地地址； 在檢測到所述對輸入?yún)^(qū)域的內(nèi)容進行提交的事件后，將所述預(yù)覽圖片元素的鏈接地址修改為所述鏈接信息并進行上傳。
6.根據(jù)權(quán)利要求I所述的搜索方法，其特征在于，在所述輸入?yún)^(qū)域上中生成并加載一包括所述輸入圖片的懸浮層的步驟具體包括 由網(wǎng)頁瀏覽器提供的第一定制處理函數(shù)生成所述懸浮層； 第二定制處理函數(shù)用對應(yīng)的HTML標簽標記所述輸入圖片，以將所述輸入圖片轉(zhuǎn)換為對應(yīng)的HTML元素，其中所述HTML元素中包含所述圖片的鏈接地址； 第三定制處理函數(shù)將所述HTML元素寫入到所述懸浮層中。
7.根據(jù)權(quán)利要求I所述的搜索方法，其特征在于，所述輸入?yún)^(qū)域包括文本輸入框控件。
8.根據(jù)權(quán)利要求I所述的搜索方法，其特征在于，所述圖片輸入事件包括圖片拖拽事件或圖片粘貼事件。
9.根據(jù)權(quán)利要求I所述的搜索方法，其特征在于，所述瀏覽器端本地地址為操作端剪貼板地址、操作端緩存地址或者操作端硬盤地址。
10.根據(jù)權(quán)利要求I所述的搜索方法，其特征在于，所述對輸入?yún)^(qū)域的內(nèi)容進行提交的事件包括 上傳按鈕觸發(fā)或者所述輸入?yún)^(qū)域失去焦點。
11.一種圖片信息的搜索裝置，其特征在于，包括 輸入事件檢測單元，其配置為檢測到網(wǎng)頁中位于輸入?yún)^(qū)域的圖片輸入事件； 圖床單元，其配置為將所述圖片輸入事件對應(yīng)的輸入圖片上傳到圖床服務(wù)器，并獲得所述輸入圖片在圖床服務(wù)器中的鏈接信息； 懸浮層單元，其配置為在所述輸入?yún)^(qū)域上生成并加載一包括所述輸入圖片的懸浮層； 上傳事件檢測單元，其配置為檢測到對輸入?yún)^(qū)域的內(nèi)容進行提交的事件； 上傳單元，其配置為將所述懸浮層的超文本標記語言信息中所述輸入圖片的鏈接信息上傳到圖片搜索引擎服務(wù)器； 搜索結(jié)果顯示單元，其配置為接收來自所述搜索引擎服務(wù)器的所述輸入圖片的鏈接信息的搜索結(jié)果，并在瀏覽器端進行顯示。
12.根據(jù)權(quán)利要求11所述的搜索裝置，其特征在于， 所述懸浮層單元，其配置為所述懸浮層包括多個所述輸入圖片，每個所述輸入圖片都被上傳到所述圖床服務(wù)器，并獲得對應(yīng)的鏈接信息； 所述搜索結(jié)果顯示單元，通過網(wǎng)頁標簽對不同圖片的搜索結(jié)果進行分隔顯示。
13.根據(jù)權(quán)利要求12所述的搜索裝置，其特征在于，還包括識別單元，其配置為在瀏覽器端對所述輸入圖片進行識別，將相似程度大于門限的所述輸入圖片作為系列圖片； 所述搜索結(jié)果顯示單元，對所述系列圖片的搜索結(jié)果放入同一個網(wǎng)頁標簽中顯示。
14.根據(jù)權(quán)利要求11所述的搜索裝置，其特征在于，進一步包括緩存單元，其配置為 在瀏覽器端記錄搜索過的所述輸入圖片的鏈接信息； 依據(jù)所述輸入圖片的鏈接信息，對圖片檢索歷史進行查詢并顯示檢索過的圖片。
15.根據(jù)權(quán)利要求11所述的搜索裝置，其特征在于，還包括圖片預(yù)覽單元，其配置為 在所述懸浮層生成預(yù)覽圖片元素，所述預(yù)覽圖片元素的鏈接地址為瀏覽器端本地地址； 在檢測到所述對輸入?yún)^(qū)域的內(nèi)容進行提交的事件后，將所述預(yù)覽圖片元素的鏈接地址修改為所述鏈接信息。
16.根據(jù)權(quán)利要求11所述的搜索裝置，其特征在于，所述懸浮層單元，其配置為 由網(wǎng)頁瀏覽器提供的第一定制處理函數(shù)生成所述懸浮層； 第二定制處理函數(shù)用對應(yīng)的HTML標簽標記所述輸入圖片，以將所述輸入圖片轉(zhuǎn)換為對應(yīng)的HTML元素，其中所述HTML元素中包含所述圖片的鏈接地址； 第三定制處理函數(shù)將所述HTML元素寫入到所述懸浮層中。
17.根據(jù)權(quán)利要求11所述的搜索裝置，其特征在于，所述輸入?yún)^(qū)域包括文本輸入框控件。
18.根據(jù)權(quán)利要求11所述的搜索裝置，其特征在于，所述圖片輸入事件包括圖片拖拽事件或圖片粘貼事件。
19.根據(jù)權(quán)利要求11所述的搜索裝置，其特征在于，所述瀏覽器端本地地址為操作端剪貼板地址、操作端緩存地址或者操作端硬盤地址。
20.根據(jù)權(quán)利要求11所述的搜索裝置，其特征在于，所述對輸入?yún)^(qū)域的內(nèi)容進行提交的事件包括上傳按 鈕觸發(fā)或者所述輸入?yún)^(qū)域失去焦點。
全文摘要
本發(fā)明公開了一種圖片信息的搜索方法及搜索裝置，其中，搜索方法包括檢測到網(wǎng)頁中位于輸入?yún)^(qū)域的圖片輸入事件；將所述圖片輸入事件對應(yīng)的輸入圖片上傳到圖床服務(wù)器，并獲得所述輸入圖片在圖床服務(wù)器中的鏈接信息；在所述輸入?yún)^(qū)域上生成并加載一包括所述輸入圖片的懸浮層；檢測到對輸入?yún)^(qū)域的內(nèi)容進行提交的事件；將所述懸浮層的超文本標記語言信息中所述輸入圖片的鏈接信息上傳到圖片搜索引擎服務(wù)器；接收來自所述搜索引擎服務(wù)器的所述輸入圖片的鏈接信息的搜索結(jié)果，并在瀏覽器端進行顯示。本發(fā)明能夠減少被搜索圖片的上傳等待時間，從而減少圖片搜索的等待時間，改善用戶體驗。
文檔編號G06F17/30GK102768683SQ20121022569
公開日2012年11月7日 申請日期2012年6月29日 優(yōu)先權(quán)日2012年6月29日
發(fā)明者任寰, 唐曦, 李鳴, 陳志 申請人:北京奇虎科技有限公司, 奇智軟件(北京)有限公司