Есть ли способы скопировать изображения в буфер обмена при нажатии на пользовательскую кнопку?

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}

Если я не могу этого сделать, что может быть альтернативным решением?

Заранее спасибо!