JavaScript Blob.size — розмір файлу в байтах

Властивість size повертає розмір блоба чи файлу в байтах.

правити

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

Це та перевірка, яка має відбуватись до відправки. Сказати «файл завеликий» одразу — чесніше й дешевше, ніж ганяти 50 мегабайтів у мережу, щоб отримати відмову від сервера.

Значення завжди в байтах: мегабайти доводиться рахувати самому (size / 1024 / 1024).

Порожній файл дає 0 — і це теж варто перевіряти, бо такий файл сервер зазвичай не приймає.

правити

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

Переглядачі

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

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

Переглядач
size	20+	13+	8+	12.1+	12+	10+

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

Переглядач
size	4.4+	yes	yes	8+

Приклади

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

function formatSize(bytes) {
    const units = ['Б', 'КБ', 'МБ', 'ГБ'];
    let i = 0;

    while (bytes >= 1024 && i < units.length - 1) {
        bytes /= 1024;
        i++;
    }

    return bytes.toFixed(1) + ' ' + units[i];
}

// файл створюємо тут; у житті він з <input type="file">
const file = new File([new Uint8Array(2500000)], 'фото.jpg');

console.log(formatSize(file.size)); // '2.4 МБ'

if (file.size === 0) {
    console.log('Файл порожній');
} else if (file.size > 10 * 1024 * 1024) {
    console.log('Файл більший за 10 МБ');
}