ドラッグアンドドロップでファイルアップロードする方法いろいろ

Javascript

ファイルをアップロードする時、選択ウインドウを開いて画像を選択するのは少々面倒ですよね。そこで今回は、ドラッグアンドドロップでの実装方法を調べてみました。

HTML5のFormData()を使う

HTML5のFormData()を使用した実装方法です。HTML5サポートブラウザのみ使えるため古いIEは使えないようです。

jQueryを使用する

こちらはjQueryプラグインのjQuery File Uploadを使った方法です。

DropZone.js

jQueryを使っていないライブラリです。

ファイルをアップロードするサイトなどで使い勝手が良くなりそうです。