To write an image to the clipboard, you need the image as a blob. Like writeText(), it is asynchronous and returns a Promise. Be sure to carefully study the browser compatibility overview for each of the following sections.īrowser support chrome 66, Supported 66 firefox 63, Supported 63 edge 79, Supported 79 safari 13.1, Supported 13.1 Source write() #Īctually, writeText() is just a convenience method for the generic write() method, which also lets you copy images to the clipboard. The Async Clipboard API is limited to handling text and images on most browsers, but support varies.

The Async Clipboard API addresses these issues, providing a well-defined permissions model that doesn't block the page. At the same time, the permissions put in place around document.execCommand() for clipboard interaction are loosely defined and vary between browsers. Imagine adding permissions into the mix, requiring that the browser block the page while requesting clipboard access. That would block the page while waiting on the disk or network. The browser may need to load or inline linked resources from a pasted document.

Time consuming sanitization or image decoding might be needed before content can be safely pasted. That's fine for small bits of text, but there are many cases where blocking the page for clipboard transfer is a poor experience. Though widely supported, this method of cutting and pasting came at a cost: clipboard access was synchronous, and could only read and write to the DOM. The traditional way of getting access to the system clipboard was via document.execCommand() for clipboard interactions.

How to access clipboard on mac