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

Question

[habrazhitel]

Как на javascript узнать какие файлы выбраны в input type=file и их кол-во? Ну и отобразить их в textarea? Ещё интересует: есть кнопка сабмита формы загрузки файла, если ни одни файл не выбран, то кнопка disabled, если выбран - кнопка активной становится. Спасибо

Answer 1

[Александр Аксентьев]

document.getElementById("my_file_input_id").files

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

www.w3schools.com/jsref/prop_fileupload_files.asp

Answer 2

[aen]

А зачем тут jquery? У input[type="file"] есть же свойство files.
document.getElementById('file').files[0].name
отдаст вам имя файла, например.
document.getElementById('file').files[0].type
отдаст тип, например "image/jpeg"

Answer 3

[Danil Namaste]

$('input[type="file"]').on('change', function (event, files, label) {
    var file_name = this.value.replace(/\\/g, '/').replace(/.*\//, '')
    $('.filename').text(file_name);
});

Comments

[habrazhitel]

Спасибо, а как без jquery это можно сделать?

[Danil Namaste]

habrazhitel: конечно можно, но я увы не знаю

Answer 4

[Сергей Мельников]

www.html5rocks.com/ru/tutorials/file/dndfiles

Answer 5

[Антон Шаманов]

$('input[type="file"]').prop('files');