Gmailのようにドラッグ&ドロップして、アップロードってのをブラウザでできないか調べてみたのでメモ。 参考にしたのは、以下のURL File APIとドラッグ&ドロップを組み合わせてみる Firefox: Using files from web applications File DataTransfer Chrome: Drag-and-drop file upload in Google Chrome/Chromium? 大まかに処理の流れを見てみると多分次のような感じ。細かい処理はURL内のコードを見てください。 ドラッグ&ドロップをするためには、dragover,dragleave,dropといったイベントをイベントリスナに追加する。すると、取得したイベントのdataTransferオブジェクトのfilesってプロパティから、Fileオブジェクトが取得できる。 この後の方