JavaScript FileAPIについて学ぶ - Qiita

FileAPIとは？ ローカル（自分のパソコン内）にあるファイルを、JavaScriptを用いて操作することのできるAPI。例えば、自分のパソコンの中にある画像をブラウザ上(ChromeやSafariなど）に表示させたり、そのブラウザ上で画像を編集できたり、またそれをダウンロードしたりすることも可能。 FileAPIの使用方法 １HTMLでファイル選択ボタンを作成する まず、以下のようなファイルを選択するためのボタンを用意する。 そのためには、inputタグを用意し、typeを「file」に設定する。複数の画像を選択できるようにするには、追加で、「multiple」 属性を追加する。 <!-- 画像を選択するボタン --> <input id="input-file" type="file"> <!-- 複数画像を選択可能にする場合 --> <input id="input-file" t