google-chrome - 使用 Web 应用程序从剪贴板获取图像的按钮

Question

我创建了 chrome webapp 来访问剪贴板数据。添加我的 webapp 后，我有权访问剪贴板，但我不知道如何通过单击页面中的粘贴按钮从剪贴板获取图像。我只是试图在谷歌驱动器演示文件中粘贴图像。它显示安装 GoogleDrive webapp。安装 GoogleDrive webapp 后，它允许我们通过单击编辑菜单中的粘贴按钮从剪贴板获取图像/文本。我想知道Google Drive 如何使用粘贴按钮获取剪贴板数据。

Answer 1

如果您请求剪贴板读取权限，则可以使用document.execCommand("paste").

如何做到这一点的一个很好的解释是https://stackoverflow.com/a/7147192/689161

编辑：一些示例代码

背景.html

<div id="idk" contenteditable="true"></div>

背景.js

function paste() {
    var div = document.getElementById("idk");
    div.focus();
    document.execCommand("paste");

    // you can now access whatever was pasted through div.innerHTML
    console.log(div.innerHTML);
}

如果用户粘贴图像，它将显示为类似的<img src="..."/>内容，您可以将其提取以在您的应用程序中使用。