uploadHBRは複数の画像選択に対応したファイルアップローダーを実装できるjQueryプラグインです。ドラッグ&ドロップやモバイルもサポートするほか、画像のプレビュー機能も備えています。
uploadHBR
以下、uploadHBRの実際のデモやコードです。
デモでは「Select the images」と書かれた場所に「ADD」という領域が6つ用意されています。ここをクリックするとファイル選択画面が表示され、好きなファイルを選択することができます。
また、「ADD」に直接ドラッグ&ドロップしてファイルを指定することも可能です。
複数のファイルを指定してまとめてアップロードできるのでとても効率的ですね。アップロードする場合は右下にある「Upload」というボタンをクリックすればOKです。一方、選択したファイルを取り消したい場合には左下にある「Clear」ボタンをクリックします。
カスタマイズできる項目には、target、max、textNew、textTitle、textTitleRemoveといったものが用意されています。先ほどの「ADD」はデモでは6つ用意されていますが、この数はmaxという項目から指定することが可能です。例えば、「ADD」の数を5つにしたい場合にはmaxの値を5にすればOKです。
ちなみに「ADD」というテキストを変更したい場合は、textNewから設定できます。
というわけで、複数の画像選択やドラッグ&ドロップにも対応したファイルアップローダーを実装したい人は、ぜひ「uploadHBR」を活用されてみてはいかがですか？ uploadHBRの詳細やダウンロードは、以下のページからどうぞ。
