Javascript 从多个/不同的文件输入访问文件到JS Var

Javascript 从多个/不同的文件输入访问文件到JS Var,javascript,jquery,html,jquery-selectors,Javascript,Jquery,Html,Jquery Selectors,如你所见,我有多个文件输入。这可能看起来很尴尬,但我有理由 我使用这种方式以通常的方式访问文件,即 var file=document.querySelector('input[type=file')).files[0] 但是,只有当我将文件上传到第一个文件输入框时,它才能获取文件。我是否可以访问其他文件输入元素 非常感谢:D您应该使用querySelectorAll方法,因为它返回节点列表,然后您可以迭代抛出列表并获得所需的一切querySelector方法只返回选择器的第一次出现使用其他DO

如你所见,我有多个文件输入。这可能看起来很尴尬,但我有理由

我使用这种方式以通常的方式访问文件,即
var file=document.querySelector('input[type=file')).files[0]

但是,只有当我将文件上传到第一个文件输入框时,它才能获取文件。我是否可以访问其他文件输入元素


非常感谢:D

您应该使用
querySelectorAll
方法,因为它返回节点列表,然后您可以迭代抛出列表并获得所需的一切
querySelector
方法只返回选择器的第一次出现

使用其他DOM选择方法之一,如、、等,这些方法一次可以选择多个元素

例如,
querySelectorAll
将返回一个类似数组的对象,该对象包含所有选定元素。然后迭代该列表或使用直接访问访问该元素

var inputs = document.querySelectorAll('input[type=file]');
inputs.forEach(input=>{
  //deal with each input
  let file = input.files[0];
  //use file
});

//or if using older browser that doesn't have NodeList#forEach
for(let i=0; i<inputs.length; i++){
  let file = inputs[i].files[0];
  //use file
}
var inputs=document.querySelectorAll('input[type=file]”);
inputs.forEach(输入=>{
//处理每个输入
让file=input.files[0];
//使用文件
});
//或者如果使用没有NodeList#forEach的旧浏览器
对于(设i=0;i的可能副本)