jQuery File Upload Demo

デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」
ファイルアップロード用のプラグインはよくありますが、このプラグインでは、デスクトップにあるファイルをブラウザにそのままドラッグ＆ドロップでファイルアップロードが完結します。
ダイアログからいちいちファイルを選択して、というUIは使いづらいですが、これなら直感的に、初心者でも簡単にファイルをアップロードすることが可能になります。
尚、Firefox、Chromeで動作。IEでは動きませんでした。



デスクトップからファイルをドラッグすると枠がニュイーンと広まって、ドロップでアップロードが開始



もちろん、進捗グラフ付き。



ドラッグ＆ドロップでアップロードできるようにして、って言われた時に覚えておくと瞬時に実装可能ですね。

関連エントリ

• ajaxで簡単ファイルアップロードが可能なjQueryプラグイン「jQuery.upload」
• jQueryでAjaxファイルアップロードするためのライブラリ
• ajaxファイルアップロードに使えるjQueryプラグインいろいろ
• 画面遷移なしのAjaxでファイルアップロードするjQueryプラグイン10