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

Question

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

Answer 1

如果您request the clipboardRead permission，则可以使用document.execCommand("paste")。

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

编辑一些示例代码

background.html

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

background.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="..."/>，您可以将其提取出来以便在您的应用中使用。