Задать вопрос
@habrazhitel
javascript

Как на javascript узнать, какие файлы выбраны в input type=file?

Как на javascript узнать какие файлы выбраны в input type=file и их кол-во? Ну и отобразить их в textarea? Ещё интересует: есть кнопка сабмита формы загрузки файла, если ни одни файл не выбран, то кнопка disabled, если выбран - кнопка активной становится. Спасибо
  • Вопрос задан
  • 40112 просмотров
Комментировать
Подписаться 4 Оценить Комментировать
Решения вопроса 2
Sanasol
@Sanasol Куратор тега JavaScript
нельзя просто так взять и загуглить ошибку
document.getElementById("my_file_input_id").files

массив с данными о выбранных файлах

www.w3schools.com/jsref/prop_fileupload_files.asp
Ответ написан
Комментировать
Комментировать
aen
@aen
Keep calm and 'use strict';
А зачем тут jquery? У input[type="file"] есть же свойство files.
document.getElementById('file').files[0].name
отдаст вам имя файла, например.
document.getElementById('file').files[0].type
отдаст тип, например "image/jpeg"
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 3
htmlcssverstka
@htmlcssverstka
Верстка сайтов 
$('input[type="file"]').on('change', function (event, files, label) {
    var file_name = this.value.replace(/\\/g, '/').replace(/.*\//, '')
    $('.filename').text(file_name);
});
Ответ написан
2 комментария
2 комментария
mlnkv
@mlnkv
JavaScript Developer
www.html5rocks.com/ru/tutorials/file/dndfiles
Ответ написан
Комментировать
Комментировать
SilenceOfWinter
@SilenceOfWinter
та еще зажигалка...
$('input[type="file"]').prop('files');
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Ошибка в 1с при выгрузке товаров на сайт на Битриксе
25 апр. 2024, в 03:08
3000 руб./за проект
Создание и публикация короткого (reels) UGC-видео на YouTube-канале
25 апр. 2024, в 01:46
500 руб./за проект
Настроить перехват https-трафика для android-приложения
25 апр. 2024, в 01:02
10000 руб./за проект
Ещё заказы