ホームページを作る人のネタ帳

高機能ファイルアップロードjQueryプラグイン|ドラッグ&ドロップ、プログレスバー、オーディオ、ビデオ、各種ファイルサポート対応

同時に複数のファイルをアップロード可能
ドラッグ&ドロップ対応、プログレスバー付き、各種ファイル以外にも、オーディオとビデオのサポートと、非常に優れた高機能ファイルアップローダーを実装出来る、jQueryプラグインのご紹介です。

高機能で美しい


インターフェイスはやはり2015年度版という感じはしますが、UIはある程度設定で変更出来ます。インターフェイスデザインは5年たったらがらりと流行りが変わるので便利かもしれませんね。
ファイルアップローダー

インターフェイス


ドラッグ&ドロップサポート


もちろん普通にアップロードする事も可能ですが、それ以外にドロップアンドドロップにも対応しているという事です。
ドラッグアンドドロップ

同時に複数のファイルをアップロード可能


幾つかのファイルを同時にアップすることが出来ます。先にアップロードするファイルを選び、一斉アップロードも出来ますし、一つ一つアップロードすることも可能です。
同時に複数のファイルをアップロード可能

対応デスクトップブラウザ


まさかのIE6から対応。
  • 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+


サーバー側のプラットフォームマルチサポート


この辺りはアップローダーであるかぎり、すこーしだけ知識が要るんですが、各種プラットフォームに対応しているというすぐれものです。
  • PHP
  • Python
  • Ruby on Rails
  • Java
  • Node.js


ドキュメント&ダウンロード


サンプルデモページ
jQuery File Upload Demo

ダウンロードはこちら
blueimp/jQuery-File-Upload · GitHub

ドキュメントファイルはこちら
Setup · blueimp/jQuery-File-Upload Wiki · GitHub

アップローダーを実装したいという時に是非思い出してみてくださいね。

それでは、また。
@yamada_nt
Posted by@yamada_nt
スポンサードリンク

Comments 0

There are no comments yet.

Leave a reply