Spec-Zone.ru › Web APIs

DataTransferItem: свойство type

Базовая Широко поддерживается

Это хорошо зарекомендовавшее себя свойство, которое работает во многих устройствах и версиях браузеров. Оно доступно в браузерах с июля 2015 года.

  • Подробнее
  • Полная совместимость
  • Отправить отзыв

Только для чтения свойство DataTransferItem.type возвращает тип (формат) объекта DataTransferItem, представляющего элемент переносимых данных. type — это строка Юникода, обычно задаваемая MIME-типом, хотя MIME-тип не является обязательным.

Примеры типов: text/plain и text/html.

Значение

Строка, представляющая тип элемента переносимых данных.

Примеры

В этом примере показано использование свойства type.

function dropHandler(ev) {
  console.log("Drop");
  ev.preventDefault();
  const data = ev.dataTransfer.items;
  for (let i = 0; i < data.length; i += 1) {
    if (data[i].kind === "string" && data[i].type.match("^text/plain")) {
      // This item is the target node
      data[i].getAsString((s) => {
        ev.target.appendChild(document.getElementById(s));
      });
    } else if (data[i].kind === "string" && data[i].type.match("^text/html")) {
      // Drag data item is HTML
      console.log("… Drop: HTML");
    } else if (
      data[i].kind === "string" &&
      data[i].type.match("^text/uri-list")
    ) {
      // Drag data item is URI
      console.log("… Drop: URI");
    } else if (data[i].kind === "file" && data[i].type.match("^image/")) {
      // Drag data item is an image file
      const f = data[i].getAsFile();
      console.log("… Drop: File");
    }
  }
}

Спецификации

Спецификация
HTML
# dom-datatransferitem-type-dev

Совместимость с браузерами

Рабочие столы Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari на iOS Samsung Internet WebView Android
type 11 12 50 12 5.1 18 50 ≤14 5 1.0 4

См. также

  • DataTransfer.types()
  • Список распространенных MIME-типов

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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API