【javascript】filelistを配列として扱ってforeachする

filelistは、一見すると配列に見えますが通常の処理と同じ要領で扱うと

ただのオブジェクトと見なされて配列として扱えない系のエラーが出ます。

filelistは別の配列に格納することでforなどでも使うことができますが

どうしてもfilelistのまま扱いたい時はfromとforeachを使って以下のように書きます。

</pre>
Array.from(file).forEach(item => {
console.log( item );
var reader = new FileReader();
reader.onload = function(event) {
bundle_arr.push(event.target.result);
}
reader.readAsDataURL(item);
});
<pre>

itemが配列のn番目の要素になります。

後はfilereaderでbundle_arrにプッシュしてくだけ。

以上、filelistはfromと併用すると扱うことができますよという記事でした。