Blog

[HTML5] File system API サンプル

HTML5のFile system APIを試してみた。
現在はChromeしかサポートされていないが、
今後ブラウザがデスクトップになることになればブラウザごと(若しくはブラウザ間共通)のファイル管理が必要となる。
実務では使えないが、知っておいて損はないと思う。
demo

■HTML

 

■JS
・オブジェクト取得

 

・ファイルの中身を取得

 

・ファイル削除

 

・ディレクトリ削除

 

・ファイル更新と新規作成

 

・ディレクトリ新規作成

 

・APIと定義

 

全ては
fileEntry
を理解出来ればマスターできる。

ファイルを読み込むときは
fileEntry.file(成功した時の処理, エラー処理)
とすれば良い。

削除するときは
FileEntry.removeすれば良い。
FileEntryはmoveTo、copyToなどよくあるメソッドを含んでいるので大変わかり易い。

ここに全部かいてあります。
http://dev.w3.org/2009/dap/file-system/pub/FileSystem/#the-fileentry-interface

■おまけ
ブラウザファイルシステム以外でローカルに値を保持できるのは、現在はクッキーだけだが、
イギリスでWebサイト運営者がユーザーにクッキーを埋め込む際、ユーザーの同意が必要になるらしい。
http://japan.cnet.com/news/service/35017539/

確かにそのほうがマナーが保たれる。
既存のアクセス解析やアフィリエイトシステムは改修が必要になる。

Author Profile

hoshino
ECのことを中心に書きたいと思います。 ネタが無いときはプログラムやデザインのことも書きます。
» 投稿一覧
     
  • Launch Cart越境ECカート

Archive

ページTOPへ