单击自定义按钮时，有什么方法可以将图像复制到剪贴板？

Question

我正在尝试将图像复制到剪贴板并在网页中使用它。但是我无法将图像数据存储在剪贴板中。我尝试执行复制命令，但只能复制文本。请帮助。

    function copyThings(event){
            var msgelem = event.target.previousElementSibling;
            // msgelem = the element of current button
            var msgcopied = theMsg(msgelem); // returns the content of text if text and url of the image if image.
            var copydiv = '<div contenteditable=true id="copyhidden" style="display:block;">'+msgcopied+'</div>';
            msgdiv.find('#txtarea').after(copydiv);
            msgdiv.find("#copyhidden").select();
            document.addEventListener(event, function(){
                event.stopPropagation();
                event.datatransfer.setData('URL',msgcopied); //No I18N
                event.preventDefault();
            });
            document.execCommand('copy');//No I18N
            msgdiv.find("#copyhidden").remove();

        }

我只是想在单击特定按钮时将图像存储在DataTranferItem中。（即event.clipboardData.items必须包含{kind : file, type: image/png}

  

如果我不能这样做，替代解决方案是什么？

预先感谢！