Google Chromeの拡張機能では、VisibleTabをキャプチャしてサーバー側のpngファイルに保存するにはどうすればよいですか?ここでVisibleTabをキャプチャしてサーバー側のpngファイルに保存する方法は?
4
A
答えて
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
関連する問題
- 1. アプレットを使用してサーバー側にファイルを保存する方法は?
- 2. .pdfファイルをサーバー側からクライアント側に保存する方法は?
- 3. 画面をキャプチャしてXamarin.Macのファイルに保存する方法
- 4. Seasideを使用してサーバー上にhtml5 canvas.toDataURLをpngファイルとして保存する方法
- 5. JSTLを使用してJava BeanのサーバーにPNGファイルを保存する
- 6. fsを使用してファイルをサーバーに保存する方法
- 7. クライアント側のサーバーからイメージを表示して保存する方法は?
- 8. 透明にしてpngファイルを保存するには?
- 9. Fiware-Orion画像.pngファイルをorionに保存する方法
- 10. クライアント側のサーバーからxmlファイルを保存するダイアログボックスを持つ方法
- 11. イメージサムネイルをキャプチャしてアンドロイドのカスタムフォルダにファイルを保存する方法
- 12. Resumable.jsはサーバー側のディレクトリにファイルを保存できません
- 13. アップロードしたファイルをサーバー(私のウェブサイト)に保存する方法
- 14. DIVの内容を取得してファイル、jQuery/JSまたはサーバー側に保存
- 15. Node.jsを実行しているサーバーにファイルを保存する方法は?
- 16. ダウンロードしたファイルをサーバーからJavaに保存する方法
- 17. wechatグループの着信メッセージをキャプチャして保存する方法
- 18. JSONファイルをクライアント側に保存して後で取り出す方法は?
- 19. HBITMAPを1BPP PNGとして保存する方法
- 20. ajaxuploaderファイルを別のサーバーに保存する方法
- 21. イメージをPNG形式に保存する方法は?
- 22. SeleniumにPNG形式でキャンバスを保存する方法は?
- 23. angle2のサーバー側にクライアント側ログをキャプチャします
- 24. ExtractMpegFrames.javaを使用して、mp4のフレームをpngファイルとして正しく保存する方法は?
- 25. 画面の一部をキャプチャしてBMPに保存する方法は?
- 26. イメージをキャプチャしてストレージに保存し、ImageViewで表示する方法は?
- 27. サーバーにファイルを安全に保存する方法
- 28. カメラロールにPNG画像としてSKSpriteNodeを保存する方法は?
- 29. IEでボタンを保存してクライアント側にファイルを保存する
- 30. PNGクリップボードの内容をMac上のファイルに保存する方法
chrome.tabs.captureVisibleTabとXMLHttpRequestを使用してください。あなたの問題は何ですか? –
私の問題は、私はGoogle Chromeの拡張機能の初心者ですので、誰かがどのようにコードを書くことができますか?でもそれを支払うことができます:) –