用于文件输入的 jQuery 选择器，至少分配了一个文件

Question

我有一个包含多个文件输入的页面。这些文件对于最终用户是可选的。我想选择实际分配有文件的输入。我现在的代码是这样的：

HTML

<input type="file" id="file1" value="File 1"/>
<input type="file" id="file2" value="File 2"/>
<input type="file" id="file3" value="File 3"/>

JS

$('input[type="file"]').each(function(){
  if(this.files.length > 0){
    //do something with this file
  }
});

这并不可怕，但我真的很想在选择器本身中加入“files.length>0”。我试过这个：

$('input[type="file"][value!=""]')

但它会选择每个文件输入，而不管是否分配了文件。只选择分配的文件输入有什么神奇的词？

Answer 1

您无法通过选择器访问文件属性

在each 之前使用filter() 是一种选择。

$('input[type="file"]').filter(function(){
   return this.files && this.files.length;
}).each(function(){
 // do something with files
});