javascript - 如何过滤由 Javascript/typescript 中的目录选择器选择的 FileList 对象？

Question

<分区>

Answer 1

使用spread operator ... 将FileList 转换为Array 并通过检查其是否type 包含子文本 'image'。

   var files = e.target.files;
   files = [...files].filter( s => s.type.includes("image") )

演示

document.querySelector( "[type='file']" ).addEventListener( "change", function(e){
   var files = e.target.files;
   files = [...files].filter( s => s.type.includes("image") )
   console.log(files);
})

<input type="file" accept="image/*" webkitdirectory directory multiple>

编辑

如果您的浏览器不支持扩展运算符，请使用以下之一

files = Array.from(files).filter( function(s){ 
    return s.type.includes("image") ;
});

或者

files = [].slice.call(files).filter( function(s){ 
    return s.type.includes("image") ;
});