Blob: свойство type

Базовая линия Широко доступно

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

Примечание: Эта функция доступна в Потоках выполнения веб-приложений.

Чтение только для свойства type интерфейса Blob возвращает тип MIME файла.

Примечание: В соответствии с текущей реализацией браузеры фактически не будут читать поток байтов файла для определения его типа медиа. Он определяется по расширению файла; файл изображения PNG, переименованный в .txt, вернёт «text/plain», а не «image/png». Кроме того, blob.type обычно надёжен только для распространённых типов файлов, таких как изображения, HTML-документы, аудио и видео. Нерегулярные расширения файлов вернут пустую строку. Настройки клиента (например, реестр Windows) могут привести к неожиданным значениям даже для распространённых типов. Разработчикам не рекомендуется использовать это свойство в качестве единственной схемы проверки.

Значение

Строка, содержащая тип MIME файла, или пустая строка, если тип определить не удалось.

Примеры

В этом примере пользователь выбирает несколько файлов, а затем проверяется каждый файл, чтобы убедиться, что он относится к одному из заданных типов файлов изображений.

HTML

<input type="file" id="input" multiple />
<output id="output">Choose image files…</output>

JavaScript

// Our application only allows GIF, PNG, and JPEG images
const allowedFileTypes = ["image/png", "image/jpeg", "image/gif"];

const input = document.getElementById("input");
const output = document.getElementById("output");

input.addEventListener("change", (event) => {
  const files = event.target.files;

  if (files.length === 0) {
    output.innerText = "Choose image files…";
    return;
  }

  const allAllowed = Array.from(files).every((file) =>
    allowedFileTypes.includes(file.type),
  );
  output.innerText = allAllowed
    ? "All files clear!"
    : "Please choose image files only.";
});

Результат

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

Спецификация
API файлов # dfn-type

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

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

См. также

© 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/Blob/type