2012-01-04 16 views
4

Google Chromeの拡張機能では、VisibleTabをキャプチャしてサーバー側のpngファイルに保存するにはどうすればよいですか?ここでVisibleTabをキャプチャしてサーバー側のpngファイルに保存する方法は?

+0

chrome.tabs.captureVisibleTabとXMLHttpRequestを使用してください。あなたの問題は何ですか? –

+0

私の問題は、私はGoogle Chromeの拡張機能の初心者ですので、誰かがどのようにコードを書くことができますか?でもそれを支払うことができます:) –

答えて

10

は、あなたがそれを行うことができる方法を示す簡単な例です:

manifest.jsonを:

{ 
    "name": "TabCapture", 
    "version": "0.0.1", 
    "description": "Capture a tab", 
    "background_page" : "background.html", 
    "browser_action": { 
    "default_icon": "icon.png", 
    "default_title": "Capture tab"  
    }, 
    "permissions" : ["tabs", "<all_urls>"] 
} 

background.html:

<!DOCTYPE html> 
<html> 
    <script type="text/javascript" src="background.js"></script> 
</html> 

background.js:

chrome.browserAction.onClicked.addListener(function(tab) { 
    chrome.tabs.captureVisibleTab(null, function(img) { 
    var xhr = new XMLHttpRequest(), formData = new FormData(); 
    formData.append("img", img); 
    xhr.open("POST", "http://myserver.com/submitImage", true); 
    xhr.send(formData); 
    }); 
}); 

この拡張機能は、 Chromeのブラウザアクションボタン。ユーザーがボタンをクリックすると、base64でエンコードされた画像(FormData object)を含むPOST要求がhttp://myserver.com/submitImageに送信されます。

このコードは、エラーとサーバーの応答を管理する方法を示していません。

+0

アドバイスありがとう私はこの例で試してみます –

+1

oldschoolコード私はそれが好きです – neaumusic

関連する問題