Google chrome 如何捕获VisibleTab并将其保存到服务器端的png文件中？_Google Chrome_Google Chrome Extension

Google chrome 如何捕获VisibleTab并将其保存到服务器端的png文件中？

google-chrome google-chrome-extension

Google chrome 如何捕获VisibleTab并将其保存到服务器端的png文件中？,google-chrome,google-chrome-extension,Google Chrome,Google Chrome Extension,在Google Chrome扩展中，如何捕获VisibleTab并将其保存到服务器端的png文件中？下面是一个简单的示例，演示了如何执行此操作： manifest.json： { "name": "TabCapture", "version": "0.0.1", "description": "Capture a tab", "background_page" : "background.html", "browser_action": { "default_icon

在Google Chrome扩展中，如何捕获VisibleTab并将其保存到服务器端的png文件中？

下面是一个简单的示例，演示了如何执行此操作：

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>"]
}

此扩展在Chrome中添加浏览器操作按钮。当用户单击该按钮时，将向发送一个包含base64编码图像（转换为）的POST请求

此代码不显示如何管理错误和服务器响应。

只需使用chrome.tabs.captureVisibleTab和XMLHttpRequest即可。你的问题是什么？我的问题是我是google chrome扩展的初学者，所以有人能按原样编写代码吗？甚至可以支付：）谢谢你的建议，我将尝试这个例子

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

 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);
   });
 });