gpt4 book ai didi

google-chrome - 如何捕获VisibleTab并将其保存到服务器端的png文件?

转载 作者:行者123 更新时间:2023-12-04 22:07:16 25 4
gpt4 key购买 nike

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

最佳答案

下面是一个简单的例子,展示了如何做到这一点:

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

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

背景.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 .

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

关于google-chrome - 如何捕获VisibleTab并将其保存到服务器端的png文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8728023/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com