filesize функция javascript

"filesize js", функции "filesize в js" не существует! Напишем функцию, которая сможет выполнять роль "filesize javascript".

Создаем функцию "filesize js".

1. Функция "filesize js".
2. Пример функции "filesize js".
3. Как работает "filesize js" если файла не существует?
4. Использование "filesize js" в форме.
5. Смотри ещё: size в Blob

Функция "filesize js".

Я как сапожник... без сапог! Давно надо было написать для собственного пользования такую функцию!

Для того, чтобы написать функцию "filesize js" вам потребуется:

Теория, которая уже была однажды "filesize js" вся теория написана!

Вам осталось вобрать функцию "filesize js" прямо здесь:

Что такое "filesize js".

Функция "filesize в js" возвращает размер файла в байтах.

Синтаксис "filesize js".

function filesize(resource/id)

Объяснение синтаксиса "filesize js".

resource = адрес с "http".

id = id.

<script>

function filesize(e) {

 if(e.includes("http"))

 {

  var req = new XMLHttpRequest();

  req.open("GET", e, false);

  req.send();

  if (xhr.status == 404) return "файл не найден";

  return req.getResponseHeader("content-length") + "байт" ;

 } else if(document. getElementById(e)) return (document. getElementById(e).files[0].size)+ "байт" ;

 } else return "проверьте источник";

}

</script>




Пример функции "filesize js"

Рассмотрим первый пример работы функции "filesize js", для этого вам потребуется:

Возьмем вот эту картинку(меня любимого... :

https://dwweb.ru/_data/img/personal/about_me_1.png

Чтобы вы увидели результат, используем произвольный блок, добавим туда id

<blackblock id=blackblock></blackblock>

Используем один из вариантов "вывода" на экран выберем innerHTML.

Соберем весь код "функции filesize js"

Код проверки "filesize js"

blackblock . innerHTML = ( filesize ("https://dwweb.ru/_data/img/personal/about_me_1.png") );

Результат работы "filesize js"

Размещаем выше приведенный код пярмо здесь:




Как работает "filesize js" если файла не существует?

Рассмотрим "filesize js" если файл не существует, для этого вам понадобится:

Снова "html блок", в который будем отправлять результат:

<blackblock id=blackblock2></blackblock>

Изменим адрес на несуществующий:

https://dwweb.ru/no_file

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

<script>

blackblock2. innerHTML = ( filesize ("https://dwweb.ru/no_file") );

</script>

Код проверки "filesize js"

Код абсолютно идентичен, кроме адреса и блока в который будем отправлять результат "filesize js":

blackblock2. innerHTML = ( filesize ("https://dwweb.ru/no_file") );

Результат проверки "filesize js"




Использование "filesize js" с формой.

Далее рассмотрим функцию "filesize js" если её применять к форме, для этого вам понадобится:

Не буду повторно все это рассказывать смотри здесь.

Сразу перейдем к коду:

Код использования "filesize js" с формой.

Форма:

<form>

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

</form>

Javascript.

<script>

// здесь функция filesize js

uploading.addEventListener("change", (event) => {

alert( filesize ("uploading") );

});

</script>

Пример использования "filesize js" с формой.

Для получения результата "filesize js" вам потребуется выбрать любой файл: