将图像复制到剪贴板

看起来,您不能(还)以编程方式将图像从JavaScript Web应用程序复制到剪贴板?

我试图在剪贴板中复制文本,但是它有效。

现在我想复制一个图像,然后按ctrl + v粘贴到Word或Excel或Paint。

$(function() { $("#btnSave").click(function() { html2canvas($("#container1"), { onrendered: function(canvas) { theCanvas = canvas; document.body.appendChild(canvas); Canvas2Image.saveAsPNG(canvas); $("#img-out").append(canvas); } }); }); }); 

我搜索了互联网,无法找到解决方案,所以我继续进行实验。 在所有浏览器中成功运行:

我用于测试的HTML是:

 
Copy Image to Clipboard via Javascript.
Copy Image to Clipboard via Javascript.

JavaScript / jQuery代码如下所示:

  

已经上传到GITHub: https : //github.com/owaisafaq/copier-js

你是对的。 目前还不支持将图像数据复制到chrome中的剪贴板中。 https://bugs.chromium.org/p/chromium/issues/detail?id=150835 。 看起来它已经开放了大约4年了。

有一个剪贴板API规范即将到来https://w3c.github.io/clipboard-apis/

查看本指南,使用JavaScript复制和粘贴: https : //www.lucidchart.com/techblog/2014/12/02/definitive-guide-copying-pasting-javascript/

据此,Chrome,Safari和Firefox都支持复制图像和纯文本,而IE只允许复制文本。 上面链接的页面描述了此服务如何使用扩展将此function添加到上下文菜单,但似乎有几个浏览器支持以编程方式复制图像。

出于安全原因,您无法使用Javascript复制到剪贴板,可以在此处的讨论中找到解决方法。 涉及闪光灯。 使用jQuery单击按钮复制到剪贴板