获取在jQuery中具有数组值的name属性的值

我有一个输入文件元素可以上传多个文件。 我想使用Jquery获取文件名。 如果我上传的文件名是gg.pdf，hj.pdf，我必须把它作为一个数组

jQuery( ".fileinput-button" ).click(function() {
   
var values = jQuery("input[name='files\\[\\]'")
              .map(function(){return $(this).val();}).get();
      console.log(values);        
});
   
});

我已经试过了，但是我没有得到文件名。这是我的输入元素

<input type="file" name="files[]" id="filenames" multiple>

---

任何人请帮助。

您将无法通过输入的name属性获取文件名，您需要使用文件阅读器。尝试以下方法：

$("#filenames").change(function(event){
  const reader = new FileReader();
  const files = event.target.files || event.dataTransfer.files;
  for (const file of files) {
    console.log(file.name);
  }
});

---

您将无法通过输入的name属性获取文件名，您将需要使用FileReader。尝试以下方法：

$("#filenames").change(function(event){
  const reader = new FileReader();
  const files = event.target.files || event.dataTransfer.files;
  for (const file of files) {
    console.log(file.name);
  }
});

---

您可以使用jquery的

change

事件，然后使用

push

方法将文件名存储在

array

中。点击按钮显示上传的文件

演示代码：

var文件_数据=[]；
//一次文件输入
jQuery（'#filenames'）。on（'change'，function（）{
对于（var i=0；i

单击
您可以使用jquery的
change
事件，然后使用
push
方法将文件名存储在
array
中。点击按钮显示上传的文件

演示代码：


var文件_数据=[]；
//一次文件输入
jQuery（'#filenames'）。on（'change'，function（）{
对于（var i=0；i

单击
您将获得数组中的文件名文件名

  var files = $("input[name='files\\[\\]'").files;
  let filenames =Object.keys(files).map(function(key, index) {
  return files[key].name 
 });

您将获得一个数组中的文件名文件名

  var files = $("input[name='files\\[\\]'").files;
  let filenames =Object.keys(files).map(function(key, index) {
  return files[key].name 
 });

输入字段是否具有
ID
，您可以使用它以该元素为目标


$（'#文件名'）。on（'change'，（event）=>{
让值=数组.from（event.target.files）.reduce（acc，file）=>{
acc.push（文件名）；
返回acc
}, []);
console.log（值）；
})
是否让输入字段具有
ID
您可以使用它来定位该元素


$（'#文件名'）。on（'change'，（event）=>{
让值=数组.from（event.target.files）.reduce（acc，file）=>{
acc.push（文件名）；
返回acc
}, []);
console.log（值）；
})
尝试访问更改事件中文件输入的值属性

代码：

document.getElementById('filenames').onchange = function () {
  alert('Selected file: ' + this.value);
};

尝试访问更改事件中文件输入的值属性

代码：

document.getElementById('filenames').onchange = function () {
  alert('Selected file: ' + this.value);
};