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

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