JavaScript File.type — тип MIME файлу

Властивість type повертає тип MIME файлу — успадкована від Blob.

правити

Загальний опис

Визначається за розширенням, тому це підказка, а не гарантія (докладніше — на сторінці Blob.type).

Порожній рядок означає, що браузер тип не впізнав — таке буває з екзотичними розширеннями.

Варто пам'ятати: атрибут accept у <input type="file"> не гарантує нічого. Він лише підказує системному діалогу, що показувати, — користувач може обрати «Усі файли» й підсунути будь-що.

правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
type	13+	7+	6+	11.5+	12+	10+

Підтримка: мобільні переглядачі

Переглядач
type	4.4+	yes	yes	6+

Приклади

+ запропонувати свій приклад у пісочниці

<input type="file" id="file" accept="image/*">

document.getElementById('file').addEventListener('change', event => {
    const file = event.target.files[0];

    if (!file) {
        return;
    }

    console.log(file.type); // напр. 'image/jpeg'

    // accept НЕ гарантує тип — перевіряємо самі
    const allowed = ['image/jpeg', 'image/png', 'image/webp'];

    if (!allowed.includes(file.type)) {
        console.log('Підтримуються лише JPEG, PNG і WebP');
    }
});