filesize функция javascript
"filesize js", функции "filesize в js" не существует! Напишем функцию, которая сможет выполнять роль "filesize javascript".
Создаем функцию "filesize js".
- Функция "filesize js".
- Пример функции "filesize js".
- Как работает "filesize js" если файла не существует?
- Использование "filesize js" в форме.
- Смотри ещё: size в Blob
Функция "filesize js".
Я как сапожник... без сапог! Давно надо было написать для собственного пользования такую функцию!
Для того, чтобы написать функцию "filesize js" вам потребуется:
Теория, которая уже была однажды "filesize js" вся теория написана!
Вам осталось вобрать функцию "filesize js" прямо здесь:
Что такое "filesize js".
Функция "filesize в js" возвращает размер файла в байтах.
Синтаксис "filesize js".
Объяснение синтаксиса "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", для этого вам потребуется:
Возьмем вот эту картинку(меня любимого... 
:
Чтобы вы увидели результат, используем произвольный блок, добавим туда 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>
Изменим адрес на несуществующий:
Соберем весь код:
<script>
blackblock2. innerHTML = ( filesize ("https://dwweb.ru/no_file") );
</script>
Код проверки "filesize js"
Код абсолютно идентичен, кроме адреса и блока в который будем отправлять результат "filesize js":
Результат проверки "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" вам потребуется выбрать любой файл: