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的可能副本)