選択されたファイルの情報を表示する File APIは1つまたは複数のローカルファイルを扱います。対象となるファイルはHTMLフォームのfile(type属性がfileのinput要素)またはドラッグ&ドロップで指定します。今回はフォームを使うので従来どおり以下のようなHTMLを記述し、参照ボタンを表示します。ユーザーが参照ボタンをクリックするとファイル選択ダイアログが表示されます。 <input type="file" id="myFile" /> multiple属性を指定するとダイアログで複数のファイルをまとめて選択できます。 <input type="file" id="myFile" multiple /> 選択されたファイルは以下のようにfiles配列にアクセスして読み出します。filesには選択されたファイルの数だけファイルオブジェクトが格納されます(選択されたファイルが1つ
![File APIでブラウザーからローカルファイルを操作 (2/5)](https://cdn-ak-scissors.b.st-hatena.com/image/square/b659fecd5d9ab653a8f71c6a69e85c4efdbb7ded/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2009%2F08%2F25%2F243913%2Fl%2F23cf92ec2c5cac38.jpg)