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

Google chrome 使用web应用程序从剪贴板获取图像的按钮,google-chrome,google-chrome-extension,clipboard,google-drive-api,Google Chrome,Google Chrome Extension,Clipboard,Google Drive Api,我创建了chrome webapp来访问剪贴板数据。添加我的webapp后,我有权访问剪贴板,但我不知道如何通过单击页面中的“粘贴”按钮从剪贴板获取图像。我刚刚尝试在google drive演示文件中粘贴图像。它显示如何安装google drive Web App。安装google drive Web App后,我们可以通过单击“编辑”菜单中的“粘贴”按钮从剪贴板获取图像/文本。我想知道google drive如何使用“粘贴”按钮获取剪贴板数据。如果您,您可以使用document.execCom

我创建了chrome webapp来访问剪贴板数据。添加我的webapp后,我有权访问剪贴板,但我不知道如何通过单击页面中的“粘贴”按钮从剪贴板获取图像。我刚刚尝试在google drive演示文件中粘贴图像。它显示如何安装google drive Web App。安装google drive Web App后,我们可以通过单击“编辑”菜单中的“粘贴”按钮从剪贴板获取图像/文本。我想知道google drive如何使用“粘贴”按钮获取剪贴板数据。

如果您,您可以使用
document.execCommand(“粘贴”)

对于如何做到这一点,一个很好的解释是

编辑:一些示例代码

background.html

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

如果用户粘贴图像,它将显示为类似于
的内容,您可以提取该图像以在应用程序中使用。

目前您似乎需要一个NPAPI插件。您好,gengkev,感谢您的回复。我已经尝试过这段代码,但它只对获取剪贴板文本而不是图像有用。我遗漏了什么吗?我想如果你使用contenteditable,你也可以粘贴图像。你的应用程序已经使用Ctrl+V进行粘贴了吗?是的,我已经在HTML5中使用Ctrl+V进行了粘贴。你的代码工作得非常好。谢谢你的宝贵回复。
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);
}