Как получить все значения массива входного файла

Question

У меня есть входной массив для выбора нескольких файлов.

<input type="file" name="files[]" multiple='multiple'/>
<div id='my_div'>Filenames</div>

Как мне получить имена файлов с помощью jquery?Для типов текста функция карты работает

var values=$("input[name='text_string[]']").map(function(){return $(this).val();}).get();

Есть ли способ получить имена файлов при нажатии div?

Answer 1

Вы можете получить доступ к массиву files элемента управления, а затем map(), чтобы создать массив имен отдельных файлов, что-то вроде этого:

$('input').on('change', function() {
  var filenames = Array.from(this.files).map(function(f) {
    return f.name;
  });
  console.log(filenames);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="file" name="files[]" multiple='multiple' />