1. ホーム
  2. ジャバスクリプト

[解決済み】FilelistでforEachが使用できない。

2022-04-09 02:13:44

質問

をループさせようとしています。 Filelist :

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

ご覧のように field.photo.files には Filelist :

ループスルーを適切に行う方法 field.photo.files ?

解決方法は?

A FileListArray は、その契約に適合しています。 length と数値インデックスがある)ので、quot;borrow" が可能です。 Array メソッドを使用します。

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

ES6を使っているのは明らかなので、ちゃんとした Array を使用し、新しい Array.from メソッドを使用します。

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