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