ファイルをアップロードする時、選択ウインドウを開いて画像を選択するのは少々面倒ですよね。そこで今回は、ドラッグアンドドロップでの実装方法を調べてみました。
HTML5のFormData()を使う
HTML5のFormData()を使用した実装方法です。HTML5サポートブラウザのみ使えるため古いIEは使えないようです。
jQueryを使用する
こちらはjQueryプラグインのjQuery File Uploadを使った方法です。
DropZone.js
jQueryを使っていないライブラリです。
ファイルをアップロードするサイトなどで使い勝手が良くなりそうです。
コメント