JavaScriptでファイル操作！？ File APIを使いこなそう

連載目次 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている（例えば、Twitter上での画像ファイル共有やGoogleドキュメントでのOfficeファイルのアップロードなどがそれだ）。 HTML5では、ファイル操作に関するAPIとして「File API」が定義されたことで、ローカルのファイルをブラウザ上で直接、取り扱うことが可能となった。これによって、Webとローカルの違いをアプリケーションで意識しなければならない局面も少なくなる。 現在、File APIは以下の3種類の仕様が策定されている。

[usaku]

“File API”

[sutara_lumpur]

ウェブページにファイルをドロップするだけでアップロードする機能を実現する方法。

[takaken1123]

[2016-02-18 1:26]

[sendai]

研究ネタ

[halohalolin]

2013/04/02現在、IEは読み取りも書き込みも未実装、File API:WriterについてはFirefox/Chromeのみと限られるが、HTML5でファイルアクセスが実装できる。ローカルアプリケーションの簡易実装に使えそう

[site159]

File api

[mikelito]

ローカルファイルの読込みが出来るFile API

[nekorock]

いつの間に、ローカルファイルをいじれるようになったのだ。知らんかった。

[kurukuru-papa]

HTML5 File APIを使用したローカルファイル読み込みサンプル

[John_Kawanishi]

複数同時ファイルのアップロードとか出来るようになるのかぁ。はてなPhotoLifeではFlashつかってるアレがJavascriptでできると

[comogly]

HTML5では、ファイル操作に関するAPIとして「File API」が定義されたことで、ローカルのファイルをブラウザ上で直接、取り扱うことが可能となった。これによって、Webとローカルの違いをアプリケーションで意識しなければ

[Konboi]

FileAPIに関して

[naga_sawa]

File APIのサンプル/ブラウザ上でのファイル生成もできるのね

[manji6]

File APIについて

[choromo]

近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている（例えば、Twitter上での画像ファイル共有やGoogleドキュメ

[saka39]

“IEでは、次期バージョンとなる10からFile APIが正式対応の予定”

[rintetra]

File APIまとめ

[poyosi]

このAPI便利よねぇ

[richard_raw]

サンプルコードがあって助かります。/IEでは未実装。

[kuippa]

D&Dできるアップローダーとかでてきたけど、どう考えてもヒューマンセキュリティホールのパッチが充てられない。ユーザー教育に５年かかんぞ。

[Rockridge]

File APIの現時点でのまとめ。実例入りでわかりやすい。

[adsty]

「File API」を使って行えることの解説。

[hidex7777]

ウイルスとかトロイとか仕込み放題じゃないの？即検出されるか。

[mosquito7]

JavaScriptでファイル操作？ File APIを使いこなそう JavaScriptでファイル操作？ File APIを使いこなそう

[amberjack115]

# IE全滅なのか

[takuya_1st]

Operaそもそも、11.1じゃねーし。

[nyanzou4649]

使いこなしたい

[monomoti]

ieは10から対応とな。

[toshi3221]

ディレクトリを扱うFile API DirectoriesはChrome 9以降のみとのこと。

[keyjam]

soone