uploadHBR

JavaScript

複数の画像選択に対応したjQueryファイルアップローダー「uploadHBR」

uploadHBRは複数の画像選択に対応したファイルアップローダーを実装できるjQueryプラグインです。ドラッグ&ドロップやモバイルもサポートするほか、画像のプレビュー機能も備えています。

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

Animated menu conceptかっこいいアニメーション付きメニュー実装「Animated menu concept」前のページ

簡単に使えるスクロールバー実装「fineScroll bar」次のページfineScroll bar

最近の記事

  1. ホワイトチョコマカダミアドーナツ
  2. エッグペペ
  3. ダークチョコレート
  4. 朝のコーヒー
  5. ザンビア
PAGE TOP