進捗表示/ドロップ対応/複数対応/確認プレビューあり もう完璧じゃね?と思える「jQuery File Upload Plugin」

複数のファイルを選択、ドラッグ&ドロップ、プログレスバー、ファイルバリデート、プレビュー表示ともう完璧までに装備されたファイルアップロード用jQueryプラグイン「jQuery File Upload Plugin

jQuery File Upload Demo

クロスドメイン、一時キープ、再開ファイル、アップロードの中断、クライアント側の画像のサイズ変更などなどサポートします。

サーバー側処理はPHP, Python, Node.js, Go などソースが準備されています。
Ruby on Rails, Javaもサポートとあるけどソースは見当たらず。
・・・ところでGoって何?^^;

もうこれがあれば、フロントもバックエンドもファイルアップ用インターフェイスは完璧じゃないかな。

公式サンプル

http://blueimp.github.io/jQuery-File-Upload/
インターフェイスにTwitterBootstrapが採用され、とても見やすく作られています。

ファイルをドロップ

drog
通常の画像選択ダイアログも対応してます。


アップロード待機

jQuery File Upload Demo 確認
これからアップロードするファイルの確認ができます。


アップロード開始

jQuery File Upload Demo 開始

アップロード中はそれぞれの進捗プログレスバーと
トータルのプログレスバーや%表示など完備。


サポートブラウザ

ディスクトップ

  • Google Chrome
  • Apple Safari 4.0+
  • Mozilla Firefox 3.0+
  • Opera 11.0+
  • Microsoft Internet Explorer 6.0+

モバイル

  • Apple Safari on iOS 6.0+
  • Google Chrome on iOS 6.0+
  • Google Chrome on Android 4.0+
  • Default Browser on Android 2.3+
  • Opera Mobile 12.0+

ライセンス

Released under the MIT license.

ダウンロード

https://github.com/blueimp/jQuery-File-Upload

この投稿へのコメント

コメントはありません。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

この投稿へのトラックバック

トラックバックはありません。

トラックバック URL