Как проверить размер файла в JavaScript: методы и примеры

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

  1. Использование File API: если у вас есть доступ к объекту File или объекту FileList (например, при работе с элементами ввода файла), вы можете проверить свойство sizeфайла File. объект, чтобы получить размер файла в байтах. Например:
const inputElement = document.getElementById('fileInput');
const file = inputElement.files[0];
const fileSizeInBytes = file.size;
  1. Использование API FileReader. Если у вас есть файловый объект или большой двоичный объект, вы можете использовать API FileReader, чтобы прочитать файл и получить его размер. Вот пример:
const file = /* your file object or blob */;
const fileReader = new FileReader();
fileReader.onloadend = function () {
  const fileSizeInBytes = fileReader.result.byteLength;
};
fileReader.readAsArrayBuffer(file);
  1. Получение размера файла с сервера. Если вы хотите проверить размер файла перед его загрузкой, вы можете отправить запрос AJAX на сервер и получить размер файла из заголовков ответа. Вот пример использования Fetch API:
const url = /* your file URL */;
fetch(url)
  .then(response => {
    const fileSizeInBytes = response.headers.get('content-length');
  })
  .catch(error => {
    console.error('Error:', error);
  });