Copy image to clipboard with javascript in Chrome only

javascript html google-chrome clipboard copy-paste
Mike Jaffe picture Mike Jaffe · Sep 18, 2013 · Viewed 7.5k times · Source

Is it possible to have javascript copy an image to a clipboard? I'm looking to replicate the "Copy Image" function that Chrome has when you Right/Control click an image in the browser.

I've seen solutions for text, some Flash based solutions for text as well. But I'm interested in image data only. And only in Chrome. Don't care about IE or FF for this requirement.

Answer

Alan Tam picture Alan Tam · Apr 3, 2015

Update: From Chrome 43, Firefox 41, Opera 29 and Safari 10 onwards, any website can do document.execCommand("copy") and document.execCommand("cut") anytime.

Outdated:

Just as Copy Image to Clipboard from Browser in Javascript? explained, it is a security hole if any website is allowed to take/put data into users' OS just because she navigated to a malicious website.

If you are targeting Chrome only, you have two solutions.

  1. Write a Chrome Extension and ask your users to install it.

  2. Write a Chrome App and ask your users to install it. Your users need not to be running your Chrome App. Scripts in the domains the installed Chrome App registers will automatically gain this privilege.

Your app/extension has to declare the clipboardWrite privilege (see https://developer.chrome.com/extensions/permissions).

Then you can call document.execCommand("Copy") after you have manipulated the window.selection to point to the image you want to copy.

Related questions

How do I load an HTML page in a <div> using JavaScript?

I want home.html to load in <div id="content">. <div id="topBar"> <a href ="#" onclick="load_home()"> HOME </a> </div> <div id ="content"> </div> <…

Read More
Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser

I have a HTML table in velocity template. I want to export the html table data to excel using either java script or jquery, comatibale with all browser. I am using below script <script type="text/javascript"> function …

Read More
How to launch html using Chrome at "--allow-file-access-from-files" mode?

I have the same situation with HERE And to solve this problem I have to launch html file using Chrome at "--allow-file-access-from-files" mode. I tried next steps many times, but it doesn't work. start cmd under windows 7 direct to chrome.…

Read More