浜松のWEBシステム開発・スマートフォンアプリ開発・RTK-GNSS関連の開発はお任せください
株式会社シーポイントラボ
TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:静岡県浜松市中区富塚町1933-1 佐鳴湖パークタウンサウス2F

【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と併用すると扱うことができますよという記事でした。

 

  • この記事いいね! (0)