Android Memo >> Android関連ニュース2011/03 >>

Android関連ニュース、マーケット調査データ、アプリなどをピックアップしていく

最新更新日時: 2011年07月14日 10時32分
このフォルダのページビュー: 366736
mixi Engineers' Blog » Flash?いいえ、HTML5です: ファイルのドラッグ&ドロップによるフォトアップロード機能について
http://alpha.mixi.co.jp/blog/?p=2628

すぐに使えるこれからの技術: File API

ローカルボリュームのファイルにアクセスする手段には大きな制約がつきまとっていました。前述の通りinput要素を用いたファイルのアップロードは可能ですが、これは単一のinput要素に対して1つのファイルをアップロードできるのみであること、JavaScriptからファイル自体の属性値や内容に触れることが許されないなどの制約がありました。JavaScriptで制御できないとなると、XMLHttpRequestを用いて裏側でファイルをアップロードするにも一苦労です。

HTML5の仕様として始まり、現在では独立してW3Cで策定されているFile APIはこの問題を解決するものです。
http://dev.w3.org/2006/webapi/FileAPI/
HTML5の諸機能と共に多くの開発者から注目を集めている仕様ですが、昨今のWebブラウザ開発競争において急激に対応が進み、すぐにでも使えるAPIとなりました。
今回は、マウスイベントに紐付いてデータを受け渡しできるDataTransferオブジェクトのFile API対応を利用して、ドラッグ&ドロップによるアップロード機能を加えました。
作成: 2011年02月25日 10時32分 / 更新: 2011年02月25日 10時32分

【このカードへのコメント】

memememo.com by meme design