The read-only types property of the ClipboardItem interface returns an Array of MIME types available within the ClipboardItem
The read-only types property of the ClipboardItem interface returns an Array of MIME types available within the ClipboardItem
An Array of available MIME types.
In the below example, we're returning all items on the clipboard via the clipboard.read() method. Then checking the types property for available types before utilizing the ClipboardItem.getType() method to return the Blob object. If no clipboards contents is found for the specified type, an error is returned.
js
async function getClipboardContents() { try { const clipboardItems = await navigator.clipboard.read(); for (const clipboardItem of clipboardItems) { for (const type of clipboardItem.types) { const blob = await clipboardItem.getType(type); // we can now use blob here } } } catch (err) { console.error(err.name, err.message); } }
| Specification |
|---|
| Clipboard API and events # dom-clipboarditem-types |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
types |
76 | 79 | 87 | No | 63 | 13.1 | 84 | 84 | No | 60 | 13.4 | 14.0 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/ClipboardItem/types