APIを使って画像などのローカルファイルを読み込むとあるWebサービスを作るために色んなAPIについて勉強しています。APIの基本的な使い方について紹介します。ボタンを設置まず、HTMLでボタンを設置します。APIに対応しているかどうか判別できます。console.log(this.files);});これで読み込んだローカルファイルのオブジェクトを取得することができます。コンテナを追加しておきます。}});FileReaderオブジェクトを作成します。読み込んだファイルの内容が返されます。メソッドで読み込んだファイルをテキストとして読み込むことができます。第二引数は省略できますが、省略した場合はUTF-8として処理されます。追加すると、複数ファイルの読み込みができるようになります。無い方がHTML5的にはいいのかもしれません。複数ファイルを選択するときはShiftキーやCtrlキーを使って選択します。}});this.file.lengthでファイル数を取得できるので、for文で回します。