在同一数组中上传多个文件-jQuery

时间:2018-08-23 10:55:10

标签: jquery

我尝试上传单个文件并将它们堆叠在同一数组中,但是每次执行此操作时,它会创建一个具有相同名称的新数组,我希望每次添加新文件以在此数组中记录后再提交全部提交

<input type="file" name="file-input" multiple id="file-upload"/>

jQuery

  var fileInput = document.getElementById('file-upload');
  var fileList = [];
  fileInput.addEventListener('change', function (event)
  {
      for (var i = 0; i < this.files.length; i++)
      fileList.push(fileInput.files[i]);
    {
      console.log(fileInput.files)
    }
  });

1 个答案:

答案 0 :(得分:1)

问题是这一行:

<input type="file" name="file-input" id="file-upload"/>

您必须添加多个图像,以便它可以添加多个图像。

<input type="file" name="file-input" id="file-upload" multiple/>

另外,for循环的括号看起来不对。

 var fileList = [];

 var fileInput = document.getElementById('file-upload');

 fileInput.addEventListener('change', function (event)
 {

 for (var i = 0; i < fileInput.length; i++)
 {
  fileList.push($('#file-upload')[0].files[i]);
 }

  console.log(fileList);

});