HTML5 の Drag and Drop API と File API を使ってファイルアップロードを実装する - まめしば雑記

2011/07/02 411 users API Drag and drop File API 中身

HTML5 の Drag and Drop API を使うことで、ブラウザにドロップされたファイルの情報を扱うことが出来ます。そして File API を組み合わせることで、ファイルの中身まで扱うことが出来るようになります。そして FormData オブジェクトと XHR を組み合わせることでアップロード処理までを実装することが出来ます。完成図はこんな感じです。今回は JavaScript の処理... 続きを読む