Код?... Это просто!
php js Jquery JsPhp blog
ТЕГИ:
php (100)
js (87)
php date (19)
online (14)
html (14)
js slice (13)
js array (11)
encode (11)
js date (10)
php array (10)
hash (10)
info (7)
dosite (7)
php img (7)
jsphp (6)
Показать еще :

Поулучаем и выводим размер файла в javascript

Как узнать "размер файла javascript" - получим размер файлов в js несколькими способами с примерами! Как получить размер файла javascript по его адресу? Получаем вес файла по ссылке. js

Подробно о получении размера файла.

  1. Получаем размер файла из input.
  2. Пример получения размера файла из input.
  3. Получим размер файла по его адресу/ссылке!
Смотри ещё: Filesize js
  1. Получаем размер файла из input.

    Для того, чтобы получить "размер файла из input" вам потребуется:

    Html:

    Тег form.

    Внутрь помещаем input с типом - type="file".

    Javascript:

    Перейдем к скрипту: используем addEventListener, с атрибутом change.

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

    Обратимся к загруженному файлу:

    alert(uploading.files[0]

    Определим размер файла с помощью size добавим слово "байт" - потому, что это будут байты...

    Выведем с помощью alert :

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

    И если интересно, то давайте байты переведем в Кбайты, округлим до десятых с помощью toFixed.

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

    Код получения размера файла при загрузке в input.

    Html

    <form>

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

    </form>

    Javascript

    <script>

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

    alert(uploading.files[0].size + "байт");

    alert( (uploading.files[0].size / 1024) . toFixed(2) + "Кбайт");

    });

    </script>

  2. Пример получения размера файла из input.

    Чтобы увидеть живой пример нужно выбрать любой файл по кнопке и после этого вы получите размер файла при загрузке!

  3. Получим размер файла по ссылке!

    Для того, чтобы получить размер файла по его адресу с помощью javascript - вам понадобится:

    Html:

    Создадим div с id, в который будем отправлять с помощью innerHTML полученный "размер файла".

    <div id="id_div"></div>

    Javascript:

    Возьмем вот эту картинку :

    Используем так много, что только перечисление займет полдня, поэтому сразу перейдем к коду:

    Код получения размера файла по его ссылке:

    Html:

    <div id="id_div"></div>

    Javascript:

    <script>

    var url= "https://jsphp.ru/_data/img/personal/about_me_1.png";

    var req = new XMLHttpRequest();

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

    req.send();

    id_div. innerHTML = (req.getResponseHeader('content-length'));

    </script>

    Пример получения размера файла по его ссылке:

    Разместим выше приведенный код "получения размера файла по его ссылке" - прямо здесь:

    Это размер в байтах.

    Ну и просто для интереса...

    Добавим html :

    <div id="id_div2"></div>

    Используем опять toFixed + добавим килобайты...

    id_div2. innerHTML = ( req.getResponseHeader('content-length') / 1024 ) . toFixed(2) + " Кбайт" ;

    Смотрим пример получения размера файла в килобайтах!

    Смотрим, что получилось:



Теги:

размер файла js

node js размер файла

js узнать размер файла

можно ли посмотреть размер файла js по ссылке

как узнать размер файла js

javascript file.size

jsphp.ru есть здесь:
Полезные ссылки:
ruweb
Я писал немного о ruweb.net!
Помочь проекту JsPhp.ru

Что можно сделать!?

Поделиться ссылкой! C друзьями или врагами!


Помочь проекту JSPHP.RU: Помочь проекту JSPHP.RU прокомментировать :

Скоро...


Мои Проекты :

Скоро...



О хостинге :

Скоро...


© jsphp.ru 2023 - 2024 , Аминев Марат. Контакты
Страница загружена за : 0.033438 секунд.