javascript - 如何通过单击按钮从剪贴板获取图像？

Question

我正在尝试使用 jQuery 检索存储在剪贴板中的图像。到目前为止，我已经找到了一个可以完美使用 onpaste 事件的解决方案。但是，根据要求，我希望在“单击按钮”而不是“粘贴”事件中具有相同的功能。我试图将相同的代码放入按钮单击事件中，但没有成功。我在这里缺少什么？

这是我的 jsfiddle

如果可能，请告诉我如何在 IE(10 及更高版本)和 Mozilla Firefox 中执行相同的操作。

例如:Demo Applet

Answer 1

正如 mozdev 所述，此功能应该在 FF 22 版后可用。 https://developer.mozilla.org/en-US/docs/Web/Events/paste

“Caniuse”也顺便说一句:http://caniuse.com/#feat=clipboard

也许您必须使用浏览器前缀或事件属性具有不同的名称。除了 chrome，您的事件没有在其他浏览器中触发，还是触发了但您没有收到数据？

编辑:此外，“粘贴”是一个事件，您不能通过按钮手动触发它。 (你可以，但它没有任何区别。)这没有意义，因为出于安全原因你不能直接访问剪贴板，因此你没有可用的数据。在浏览器中。有了按钮，你必须使用文件选择和上传方法，我认为这需要在后面有一个网络服务器来处理请求，所以没有纯 js 解决方案。