Copying an image to clipboard using JavaScript/jquery

Question

I need to copy an image to clipboard using JavaScript/jquery and I am using the following js to achieve that.

function copyImageToClipBoard() {
            var div = document.getElementById('chart1');
            div.contentEditable = true;
            var controlRange;
            if (document.body.createControlRange) {
                controlRange = document.body.createControlRange();
                controlRange.addElement(div);
                controlRange.execCommand('Copy');                   
            }
            div.contentEditable = false;
        }

It works fine locally in IE. But when I tried to test it from other machines IE, to paste the image into MS word I need to use the Paste Special-> Device Independent Bitmap option, otherwise I cannot see the image pasted.

I was wondering if it has anything to do with the environment of the m/c. If so is there any other option which works anywhere?

score -3 · Answer 1 · answered Feb 03 '15 at 21:14

-3

Clipboard access on the web is not desirable because of the security implications.

answered Feb 03 '15 at 21:14

rburk

101
2
12

1

https://www.lucidchart.com/techblog/2014/12/02/definitive-guide-copying-pasting-javascript/ – José Cabo Mar 30 '15 at 17:35
You could easily show a permissions prompt to satisfy security concerns similar to how Web Notifications shows an a prompt. – 1.21 gigawatts Jan 25 '18 at 08:14

Copying an image to clipboard using JavaScript/jquery

1 Answers1

Linked