W3cubDocs

/Web APIs

ClipboardItem: getType() method

Baseline 2024
Newly available

Since ⁨June 2024⁩, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

The getType() method of the ClipboardItem interface returns a Promise that resolves with a Blob of the requested MIME type or an error if the MIME type is not found.

Syntax

getType(type)

Parameters

type

A valid MIME type.

Return value

A Promise that resolves with a Blob object.

Exceptions

NotFoundError DOMException

The type does not match a known MIME type.

TypeError

No parameter is specified or the type is not that of the ClipboardItem.

Examples

In the following example, we're returning all items on the clipboard via the clipboard.read() method. For each one, we pass the ClipboardItem.types property to the getType() method, which returns the corresponding Blob object.

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);
  }
}

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Opera Safari Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet WebView Android WebView on iOS
getType 76 79 127 63 13.1 84 127 60 13.4 14.0 84 13.4

See also

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/ClipboardItem/getType