javascript - 如何获取输入文件数组的所有值

Question

我有一个输入数组来选择多个文件。

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

如何使用 jquery 获取文件名？ 对于文本类型， map 功能有效

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' />