Считывание файлов из INPUT с помощью JQ

189
21 мая 2018, 20:10

Вопрос из темы конченная наркомания, но прошу понять и простить

//имею
input type=files + JQ код, который отслеживает изменения в нем
//при изменении - вывести файлы в консоль
$('input[type=file]').change(function(){
    console.log(this.files);
});

Хочется переделать алгоритм, что бы при нажатии на кнопку считывались файлы

//при нажатии на кнопку - вывести файлы в консоль ( код не рабочий )
$(".chat_load_file").click(function(){
    console.log($('input[type=file]').prop('files'));
});

В моем случае в консоль ничего не выводит, ест-но выбрать файлы в INPUT перед этим не забыл. От сюда вопрос, как подобное без ошибок организовать

Answer 1

$(".chat_load_file").click(function(){ 
    var inputs = $('input[type=file]'); 
    inputs.each(function() { 
      console.log("this", $(this).val()); 
    }); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="file"> 
<input type="file"> 
<button class="chat_load_file">Click me</button>

READ ALSO
Использование data() [дубликат]

Использование data() [дубликат]

На данный вопрос уже ответили:

175
Корректный запуск программы

Корректный запуск программы

Подскажите пожалуйста, как исправить следующую ситуацию: когда я запускаю программу (форму1), на которой расположено около 50 различных контролов...

177
C# OpenFileDialog и SaveFileDialog не открывается

C# OpenFileDialog и SaveFileDialog не открывается

Не могу понять, на Window 7 диалоговое окно выбора фала для загрузки, или аналогичное окно выбора файла для сохранения, открывается нормальноНа...

237
Зачем нужно использовать mock объекты?

Зачем нужно использовать mock объекты?

Говорится что эта технология позволяет имитировать объектЗачем это надо если этот объект можно просто создать?

187