Blob: size property/свойство

Что такое свойство "size" в Blob? Как использовать "size" с примерами и кодом.

Blob: size property/свойство

1. Что такое size в Blob.
2. Пример использования size в Blob.

Что такое size в Blob.

Свойство интерфейса Blob-объектов size, доступное только для чтения, возвращает размер Blob-объекта или файла в байтах.

Значение size Blob.

Количество байт данных, содержащихся в большом двоичном объекте (или объекте на основе больших двоичных объектов, таком как файл).

Примеры size Blob.

В этом примере используется элемент input типа file, чтобы запросить у пользователя группу файлов, а затем выполнить итерацию по этим файлам, выводя их имена и длину в байтах.




Пример использования size в Blob.

Для того, чтобы использовать size в Blob вам понадобится:

Тег input с типом file.

Javascript

Начинаем как обычно с тегов script:

<script></script>

Получим в константу(const) элемент по его id с помощью getElementById

const upload= document.getElementById('upload');

Далее... используем слушателя( addEventListener) + change.

И выводим с помощью alert + files и наш "size".

upload.addEventListener('change', (event) => {

alert (upload . files[0] . size + 'байт') ;

});

Соберем весь код:

Код использования size в Blob.

Html:

<input type="file" id="upload">

Javascript

<script>

const upload= document.getElementById('upload');

upload.addEventListener('change', (event) => {

alert (upload.files[0].size + 'байт') ;

});

</script>

Пример использования size в Blob.

Для того, чтобы проверить работоспособность "size" в Blob... в ниже идушем поле выбора файла... нужно выбрать любой файл...