進(jìn)行截圖處理的方法和客戶端的制作方法
【專利摘要】本發(fā)明提供了一種進(jìn)行截圖處理的方法和客戶端，其中該方法包括：在客戶端觸發(fā)進(jìn)行截圖的操作；獲取操作系統(tǒng)當(dāng)前屏幕的第一截圖，覆蓋在所述當(dāng)前屏幕上；在第一截圖上接收用戶輸入的選中區(qū)域信息，生成所述選中區(qū)域?qū)?yīng)的第二截圖；將第二截圖上傳到依據(jù)所述客戶端的用戶標(biāo)識信息登錄到的第一存儲服務(wù)器側(cè)。根據(jù)本發(fā)明的技術(shù)方案，使用戶能夠在第一截圖上進(jìn)行第二截圖的操作，便于用戶進(jìn)行截圖區(qū)域的選擇和截圖操作，并能夠?qū)⑸傻牡诙貓D直接上傳到存儲服務(wù)器側(cè)。
【專利說明】進(jìn)行截圖處理的方法和客戶端

【技術(shù)領(lǐng)域】
[0001] 本發(fā)明屬于瀏覽器【技術(shù)領(lǐng)域】，尤其涉及一種進(jìn)行截圖處理的方法和客戶端。

【背景技術(shù)】
[0002] 在互聯(lián)網(wǎng)技術(shù)中，通過瀏覽器訪問是一種最常見的有效獲取各種信息和數(shù)據(jù)的方 式。而現(xiàn)有技術(shù)中，實現(xiàn)互聯(lián)網(wǎng)存儲的云存儲、云盤技術(shù)也逐步發(fā)展起來，擴(kuò)展了個人存儲 的空間、時間，成為便捷的個人網(wǎng)絡(luò)硬盤、專業(yè)存儲工具，人們可以隨時隨地安全地存放數(shù) 據(jù)和重要資料。相對于傳統(tǒng)的實體磁盤來說更方便，用戶不需要把儲存重要資料的實體磁 盤帶在身上，卻一樣可以通過互聯(lián)網(wǎng)，輕松地從云端讀取自己所存儲的信息，其提供擁有靈 活性和按需功能的新一代存儲服務(wù)，從而防止了成本失控，并能滿足不斷變化的業(yè)務(wù)重心 及法規(guī)要求所形成的多樣化需求。
[0003] 但現(xiàn)有技術(shù)中，通過截圖操作用戶可以將瀏覽器頁面中感興趣的圖像截取下來并 保存，而保存在本地的截圖，用戶進(jìn)行再次查看時往往需要先找到截圖所在的文件夾，再在 文件中查找保存的截圖，過程較為復(fù)雜，隨著云存儲技術(shù)的發(fā)展，用戶常常希望將截取的圖 像上傳至服務(wù)器側(cè)進(jìn)行收藏，不僅節(jié)省硬件存儲空間，而且便于管理。然而，用戶通過截圖 工具截取當(dāng)前屏幕某一區(qū)域的圖像后，需要先將截圖區(qū)域保存成圖片存至本地，然后再以 手動方式將截圖上傳至服務(wù)器，這樣操作過程比較繁瑣，浪費用戶的操作時間。


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

[0004] 為了解決上述問題，本發(fā)明提供一種進(jìn)行截圖處理的方法和客戶端。
[0005] 根據(jù)本發(fā)明的一個方面，提供了一種進(jìn)行截圖處理的方法，包括：在客戶端觸發(fā)進(jìn) 行截圖的操作；獲取操作系統(tǒng)當(dāng)前屏幕的第一截圖，覆蓋在所述當(dāng)前屏幕上；在第一截圖 上接收用戶輸入的選中區(qū)域信息，生成所述選中區(qū)域?qū)?yīng)的第二截圖；將第二截圖上傳到 依據(jù)所述客戶端的用戶標(biāo)識信息登錄到的第一存儲服務(wù)器側(cè)。
[0006] 其中，進(jìn)一步包括：通過在客戶端的插件或擴(kuò)展中觸發(fā)進(jìn)行截圖的操作；或者通 過集成在客戶端中的截圖組件進(jìn)行截圖的操作。
[0007] 其中，所述獲取操作系統(tǒng)當(dāng)前屏幕的第一截圖包括：獲取所述客戶端在當(dāng)前屏幕 上顯示時的第一截圖；獲取所述客戶端在當(dāng)前屏幕上隱藏后的當(dāng)前屏幕上的第一截圖。
[0008] 其中，所述在第一截圖上接收用戶輸入的選中區(qū)域信息的步驟，包括：獲取根據(jù)用 戶的鼠標(biāo)點擊事件和/或鼠標(biāo)拖拽事件所生成的矩形選擇框?qū)?yīng)的區(qū)域。
[0009] 其中，所述在第一截圖上接收用戶輸入的選中區(qū)域信息的步驟，包括：在第一截圖 上接收客戶端的當(dāng)前頁面的所有顯示區(qū)域；或者在第一截圖上接收客戶端的所有頁面的顯 示內(nèi)容所形成的區(qū)域；或者在第一截圖上接收客戶端的網(wǎng)頁中指定類型網(wǎng)頁元素的顯示區(qū) 域。
[0010] 其中，所述在第一截圖上接收用戶輸入的選中區(qū)域信息的步驟，包括：選中的第一 截圖上的非客戶端之外的窗口的全部區(qū)域。 toon] 其中，所述生成所述選中區(qū)域?qū)?yīng)的第二截圖的步驟，包括：依據(jù)選中區(qū)域的信息 在第一截圖上的選中區(qū)域中的截圖被生成新的所述第二截圖。
[0012] 其中，依據(jù)所述客戶端的用戶標(biāo)識信息登錄第一存儲服務(wù)器側(cè)的步驟，包括：將所 述客戶端用戶的合法標(biāo)識信息寫入到所述第一存儲服務(wù)器側(cè)對應(yīng)網(wǎng)站的cookie數(shù)據(jù)中， 并讀取所述cookie數(shù)據(jù)中的標(biāo)識信息登錄所述第一存儲服務(wù)器側(cè)。
[0013] 其中，還包括：對所述第二截圖進(jìn)行二次編輯合成為第三截圖，并將所述第三截圖 上傳到所述第一存儲服務(wù)器側(cè)。
[0014] 其中，還包括：將所述第一存儲服務(wù)器側(cè)保存的截圖的描述信息同步到所述客戶 端的網(wǎng)頁中進(jìn)行顯示，并提供該截圖的下載鏈接。
[0015] 其中，還包括：將所述截圖的截圖信息與該截圖共同上傳到所述第一存儲服務(wù)器 側(cè)，其中所述截圖信息包括：所述客戶端的用戶的標(biāo)識信息和/或截圖的來源信息。
[0016] 其中，所述截圖信息還包括：對于該截圖進(jìn)行同步操作的終端設(shè)備的信息。
[0017] 其中，所述截圖信息還包括：對于該截圖進(jìn)行分享操作的社交網(wǎng)站的信息。
[0018] 根據(jù)本發(fā)明的另一方面，提供了一種客戶端，包括：截圖操作組件，其配置為在客 戶端觸發(fā)進(jìn)行截圖的操作；獲取組件，其配置為獲取操作系統(tǒng)當(dāng)前屏幕的第一截圖，覆蓋在 所述當(dāng)前屏幕上；生成組件，其配置為在第一截圖上接收用戶輸入的選中區(qū)域信息，生成所 述選中區(qū)域?qū)?yīng)的第二截圖；上傳組件，其配置為將第二截圖上傳到依據(jù)所述客戶端的用 戶標(biāo)識信息登錄到的第一存儲服務(wù)器側(cè)。
[0019] 其中，所述截圖操作組件通過在客戶端的插件或擴(kuò)展中觸發(fā)進(jìn)行截圖的操作；或 者通過集成在客戶端中的截圖組件進(jìn)行截圖的操作。
[0020] 其中，所述獲取組件獲取操作系統(tǒng)當(dāng)前屏幕的第一截圖包括：獲取所述客戶端在 當(dāng)前屏幕上顯示時的第一截圖；獲取所述客戶端在當(dāng)前屏幕上隱藏后的當(dāng)前屏幕上的第一 截圖。
[0021] 其中，所述生成組件進(jìn)一步用于：獲取根據(jù)用戶的鼠標(biāo)點擊事件和/或鼠標(biāo)拖拽 事件所生成的矩形選擇框?qū)?yīng)的區(qū)域。
[0022] 其中，所述生成組件進(jìn)一步用于：在第一截圖上接收客戶端的當(dāng)前頁面的所有顯 示區(qū)域；或者在第一截圖上接收客戶端的所有頁面的顯示內(nèi)容所形成的區(qū)域；或者在第一 截圖上接收客戶端的網(wǎng)頁中指定類型網(wǎng)頁元素的顯示區(qū)域。
[0023] 其中，所述生成組件進(jìn)一步用于：選中的第一截圖上的非客戶端之外的窗口的全 部區(qū)域。
[0024] 其中，所述生成組件進(jìn)一步用于：依據(jù)選中區(qū)域的信息在第一截圖上的選中區(qū)域 中的截圖被生成新的所述第二截圖。
[0025] 其中，所述上傳組件進(jìn)一步用于：將所述客戶端用戶的合法標(biāo)識信息寫入到所述 第一存儲服務(wù)器側(cè)對應(yīng)網(wǎng)站的cookie數(shù)據(jù)中，并讀取所述cookie數(shù)據(jù)中的標(biāo)識信息登錄 所述第一存儲服務(wù)器側(cè)。
[0026] 其中，還包括：合成組件，其配置為對所述第二截圖進(jìn)行二次編輯合成為第三截 圖，并將所述第三截圖上傳到所述第一存儲服務(wù)器側(cè)。
[0027] 其中，還包括：同步組件，其配置為將所述第一存儲服務(wù)器側(cè)保存的截圖的描述信 息同步到所述客戶端的網(wǎng)頁中進(jìn)行顯示，并提供該截圖的下載鏈接。
[0028] 其中，所述上傳組件還用于：將所述截圖的截圖信息與該截圖共同上傳到所述第 一存儲服務(wù)器側(cè)，其中所述截圖信息包括：所述客戶端的用戶的標(biāo)識信息和/或截圖的來 源信息。
[0029] 其中，所述截圖信息還包括：對于該截圖進(jìn)行同步操作的終端設(shè)備的信息。
[0030] 其中，所述截圖信息還包括：對于該截圖進(jìn)行分享操作的社交網(wǎng)站的信息。
[0031] 其中，所述客戶端為Web瀏覽器客戶端。
[0032] 根據(jù)本發(fā)明的技術(shù)方案，在客戶端觸發(fā)進(jìn)行截圖的操作時，先獲取當(dāng)前屏幕的第 一截圖覆蓋在當(dāng)前屏幕上，使用戶能夠在第一截圖上進(jìn)行第二截圖的操作，再接收用戶在 第一截圖上選擇的第二截圖的截圖區(qū)域，并生成對應(yīng)的第二截圖，便于用戶進(jìn)行截圖區(qū)域 的選擇和截圖操作，并能夠?qū)⑸傻牡诙貓D直接上傳到存儲服務(wù)器側(cè)。

【專利附圖】

【附圖說明】
[0033] 通過閱讀下文優(yōu)選實施方式的詳細(xì)描述，各種其他的優(yōu)點和益處對于本領(lǐng)域普通 技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實施方式的目的，而并不認(rèn)為是對本發(fā)明 的限制。而且在整個附圖中，用相同的參考符號表示相同的部件。在附圖中：
[0034] 圖1示出了根據(jù)本發(fā)明一個實施例的進(jìn)行截圖處理的方法的流程圖；
[0035] 圖2示出了根據(jù)本發(fā)明另一實施例的進(jìn)行截圖處理的方法的流程圖；
[0036] 圖3示出了根據(jù)本發(fā)明一個實施例的客戶端的結(jié)構(gòu)框圖。

【具體實施方式】
[0037] 下面將參照附圖更詳細(xì)地描述本公開的示例性實施例。雖然附圖中顯示了本公開 的示例性實施例，然而應(yīng)當(dāng)理解，可以以各種形式實現(xiàn)本公開而不應(yīng)被這里闡述的實施例 所限制。相反，提供這些實施例是為了能夠更透徹地理解本公開，并且能夠?qū)⒈竟_的范圍 完整的傳達(dá)給本領(lǐng)域的技術(shù)人員。
[0038] 根據(jù)本發(fā)明實施例，提供一種進(jìn)行截圖處理的方法，應(yīng)用于具有客戶端瀏覽器的 各種客戶端，該客戶端例如可以為Web瀏覽器客戶端。需要說明的是，上述客戶端是指與服 務(wù)器相對應(yīng)，安裝在終端上為用戶提供服務(wù)的應(yīng)用程序，如，安裝在計算機(jī)終端或智能手機(jī) 終端上的應(yīng)用程序。
[0039] 圖1示出了根據(jù)本發(fā)明一個實施例的進(jìn)行截圖處理的方法的流程圖。如圖1所示， 進(jìn)行截圖處理的方法包括：
[0040] 步驟S102,在客戶端觸發(fā)進(jìn)行截圖的操作。
[0041] 本申請是基于客戶端（即Web瀏覽器）的屏幕截圖處理的技術(shù)方案。在本申請的 一個實施例中，可以通過客戶端中嵌入或加載的截圖插件（或截屏插件）實現(xiàn)網(wǎng)頁截圖功 能；或者通過客戶端的截圖擴(kuò)展實現(xiàn)網(wǎng)頁截圖功能；或者通過安裝在客戶端中的截圖組件 實現(xiàn)網(wǎng)頁截圖功能。此外，還可以采用與現(xiàn)有的截圖工具相同或相似的方式來實現(xiàn)網(wǎng)頁截 圖，本申請對此不進(jìn)行限制。下面具體描述客戶端嵌入截屏插件的實現(xiàn)過程。具體地，當(dāng)在 網(wǎng)頁中嵌入截屏插件時，在該網(wǎng)頁的任意位置顯示截屏插件的啟動按鈕（圖標(biāo)）供用戶使 用。該截圖插件的編寫形式可以為javascript網(wǎng)頁腳本，該網(wǎng)頁腳本可直接嵌入網(wǎng)頁的 HTML代碼中，或可根據(jù)網(wǎng)頁的不同代碼編寫相應(yīng)的網(wǎng)頁腳本，從而實現(xiàn)對不同網(wǎng)頁的嵌入。
[0042] 在具體實現(xiàn)用戶截圖過程中，可以通過點擊Web瀏覽器上的截圖按鈕（圖標(biāo)）或 是按下系統(tǒng)預(yù)設(shè)的快捷鍵觸發(fā)截圖指令。如果用戶點擊截圖按鈕，對應(yīng)的截圖按鈕控件產(chǎn) 生一按鍵觸發(fā)消息，并通過截圖按鈕控件中的截圖插件調(diào)用接口啟動截圖插件；如果用戶 按下快捷鍵，該快捷鍵產(chǎn)生一包含有該快捷鍵值的按鍵消息，并根據(jù)在鍵值表中預(yù)設(shè)的對 應(yīng)關(guān)系調(diào)用截圖插件，其中，快捷鍵可以是例如"Ctrl+Alt+A"或其他預(yù)設(shè)的組合按鍵。
[0043] 步驟S104,獲取操作系統(tǒng)當(dāng)前屏幕的第一截圖，覆蓋在所述當(dāng)前屏幕上。
[0044] 響應(yīng)步驟S102中的截圖觸發(fā)操作，截取當(dāng)前屏幕的全屏圖像（即第一截圖）并覆 蓋在當(dāng)前屏幕上。也就是說，從用戶的觀察角度來看，第一截圖與當(dāng)前屏幕并無明顯差異， 但是卻有本質(zhì)的不同。第一截圖只是類似當(dāng)前屏幕的快照圖像，并不具有用戶端網(wǎng)頁的功 能。
[0045] 其中，所述當(dāng)前屏幕的第一截圖可以是客戶端在當(dāng)前屏幕上顯示時的第一截圖， 此時由于客戶端在當(dāng)前屏幕上顯示，因此獲取得到的第一截圖包括瀏覽器客戶端頁面；并 且，所述當(dāng)前屏幕的第一截圖還可以是客戶端在當(dāng)前屏幕上隱藏后的當(dāng)前屏幕上的第一截 圖，此時由于客戶端在當(dāng)前屏幕上不顯示，因此獲取得到的第一截圖不包括瀏覽器客戶端 頁面，而包括例如桌面、應(yīng)用軟件界面等其他顯示界面。
[0046] 在本發(fā)明的一個實施例中，可以使用Windows API函數(shù)獲取截圖。具體地，通過 GetDC(NULL)直接獲取屏幕的DC，然后創(chuàng)建一個內(nèi)存DC和兼容位圖，使用BitBltOAPI函 數(shù)拷貝DC的位圖，示意代碼如下所示：
[0047]

【權(quán)利要求】
1. 一種進(jìn)行截圖處理的方法，包括： 在客戶端觸發(fā)進(jìn)行截圖的操作； 獲取操作系統(tǒng)當(dāng)前屏幕的第一截圖，覆蓋在所述當(dāng)前屏幕上； 在第一截圖上接收用戶輸入的選中區(qū)域信息，生成所述選中區(qū)域?qū)?yīng)的第二截圖； 將第二截圖上傳到依據(jù)所述客戶端的用戶標(biāo)識信息登錄到的第一存儲服務(wù)器側(cè)。
2. 根據(jù)權(quán)利要求1所述的方法，其特征在于，進(jìn)一步包括： 通過在客戶端的插件或擴(kuò)展中觸發(fā)進(jìn)行截圖的操作；或者 通過集成在客戶端中的截圖組件進(jìn)行截圖的操作。
3. 根據(jù)權(quán)利要求1所述的方法，其特征在于，所述獲取操作系統(tǒng)當(dāng)前屏幕的第一截圖 包括： 獲取所述客戶端在當(dāng)前屏幕上顯示時的第一截圖； 獲取所述客戶端在當(dāng)前屏幕上隱藏后的當(dāng)前屏幕上的第一截圖。
4. 根據(jù)權(quán)利要求1所述的方法，其特征在于，所述在第一截圖上接收用戶輸入的選中 區(qū)域信息的步驟，包括： 獲取根據(jù)用戶的鼠標(biāo)點擊事件和/或鼠標(biāo)拖拽事件所生成的矩形選擇框?qū)?yīng)的區(qū)域。
5. 根據(jù)權(quán)利要求1所述的方法，其特征在于，所述在第一截圖上接收用戶輸入的選中 區(qū)域信息的步驟，包括： 在第一截圖上接收客戶端的當(dāng)前頁面的所有顯示區(qū)域；或者 在第一截圖上接收客戶端的所有頁面的顯示內(nèi)容所形成的區(qū)域；或者 在第一截圖上接收客戶端的網(wǎng)頁中指定類型網(wǎng)頁元素的顯示區(qū)域。
6. 根據(jù)權(quán)利要求1所述的方法，其特征在于，所述在第一截圖上接收用戶輸入的選中 區(qū)域信息的步驟，包括： 選中的第一截圖上的非客戶端之外的窗口的全部區(qū)域。
7. 根據(jù)權(quán)利要求4或5或6所述的方法，其特征在于，所述生成所述選中區(qū)域?qū)?yīng)的第 二截圖的步驟，包括： 依據(jù)選中區(qū)域的信息在第一截圖上的選中區(qū)域中的截圖被生成新的所述第二截圖。
8. 根據(jù)權(quán)利要求1所述的方法，其特征在于，依據(jù)所述客戶端的用戶標(biāo)識信息登錄第 一存儲服務(wù)器側(cè)的步驟，包括： 將所述客戶端用戶的合法標(biāo)識信息寫入到所述第一存儲服務(wù)器側(cè)對應(yīng)網(wǎng)站的cookie 數(shù)據(jù)中，并讀取所述cookie數(shù)據(jù)中的標(biāo)識信息登錄所述第一存儲服務(wù)器側(cè)。
9. 根據(jù)權(quán)利要求1所述的方法，其特征在于，還包括： 對所述第二截圖進(jìn)行二次編輯合成為第H截圖，并將所述第H截圖上傳到所述第一存 儲服務(wù)器側(cè)。
10. -種客戶端，包括： 截圖操作組件，其配置為在客戶端觸發(fā)進(jìn)行截圖的操作； 獲取組件，其配置為獲取操作系統(tǒng)當(dāng)前屏幕的第一截圖，覆蓋在所述當(dāng)前屏幕上； 生成組件，其配置為在第一截圖上接收用戶輸入的選中區(qū)域信息，生成所述選中區(qū)域 對應(yīng)的第二截圖； 上傳組件，其配置為將第二截圖上傳到依據(jù)所述客戶端的用戶標(biāo)識信息登錄到的第一 存儲服務(wù)器側(cè)。
【文檔編號】G06F3/0484GK104346075SQ201410642966
【公開日】2015年2月11日 申請日期:2014年11月7日 優(yōu)先權(quán)日:2014年11月7日
【發(fā)明者】田新超, 尹青建 申請人:北京奇虎科技有限公司, 奇智軟件（北京）有限公司