JavaScript でのローカル ファイルの読み込み - HTML5 Rocks

Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate them without ever having to transfer the data across the network. This page walks through how to use JavaScript to

[takets]

ファイルアップロードによる操作、取得方法

[nharuki]

ブラウザにドラッグ&ドロップされたファイルハンドリング

[saka39]

JavaScript で File API を使用してファイルを読み取る

[mega-ne0221]

JS FILE

[yuya_presto]

File API

[zuborawka]

File API の詳説。とても丁寧でわかりやすかった。

[cknbstr]

便利になったもんや

[ksss9]

ヨサゲ

[jitojito]

HTML5 File API

[sendai]

研究ネタ

[snowlong]

“ファイル選択にドラッグ＆ドロップを使用する例”など

[yamadar]

ローカルファイルを読み取ってプレビュー表示するサンプル

[kyukyunyorituryo]

こんなことまでhtml5+javascriptでできるのか。

[kcha]

ローカルからブラウザへのファイルのドラッグ＆ドロップを探す際に発見 HTML5とdrag and dropおよびFile APIで検索できる。

[jrf]

handleFileSelect で evt.target.files だと今の Firefox はエラー吐く。evt.dataTransfer.files が正しいよう。handleFileSelect でも handleDragOver と同じく evt.stopPropagation(), evt.preventDefault() は必要。"Closure" は関数へのオブジェクトの bind …は常識？

[dtan4]

“FileReader”

[yhmt]

window.File

[s5-style]

FileAPIのチュートリアル。画像をサーバーに送信する際に画像のサムネイル プレビューを作成したり、ユーザーのオフライン時にアプリでファイル参照を保存したり、読み取りの進行状況を監視したり。

[kijtra]

使いたいのは山々だけど、結局サポート外のブラウザに対応すると、それだけで済んじゃうんだよね…

[code404]

HTML5 では、File API 仕様を介してローカル ファイルとやり取りする標準的な方法が用意されています。

[streetbeats21]

一昨年試したら、どのブラウザも挙動がおかしくて絶望したような気がする。HTML5

[ysakmrkm]

JavaScript でのローカル ファイルの読み込み - HTML5 Rocks

[vvakame]

普通にこれでいいじゃんね

[mag4n]

fileAPIについて

[typista]

ぽけったー JavaScript でのローカル ファイルの読み込み - HTML5 Rocks

[hisasann]

ドラッグアンドドロップ

[ysk_lucky-star]

分かりやすい

[kkeisuke]

File API

[danpansa]

　よく読めばそんなに難しくはなさそう。