javascript - 不能将 forEach 与文件列表一起使用

Question

我正在尝试遍历 Filelist:

console.log('field:', field.photo.files)
field.photo.files.forEach(file => {
   // looping code
})

如您所见，field.photo.files 有一个 Filelist:

如何正确循环 field.photo.files？

Answer 1

A FileList 不是 Array，但它确实符合其约定(具有 length 和数字索引)，因此我们可以“借用“数组方法:

Array.prototype.forEach.call(field.photo.files, function(file) { ... });

既然你显然在使用 ES6，你也可以使用新的 Array.from 方法使它成为一个合适的 Array:

Array.from(field.photo.files).forEach(file => { ... });