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

関連記事

  1. S-Pagination

    JavaScript

    スライダー付きのページネーションを実装できる「S-Pagination」

    S-Paginationはスライダー付きのページネーションを実装できる…

  2. qpScroll
  3. pagePiling.js

    JavaScript

    垂直にスライドするようなスクロールを実装できるjQueryプラグイン「pagePiling.js」

    pagePiling.jsは垂直にスライドするようなスクロール機能を実…

  4. Dialogify

    JavaScript

    カスタマイズできるダイアログ・ライトボックスを作成できる「Dialogify」

    Dialogifyはカスタマイズできるダイアログやライトボックスなどを…

  5. TOAST UI Chart

    JavaScript

    多彩なチャートを描画できる「TOAST UI Chart」

    TOAST UI Chartは多彩なチャートをWebページに描画できる…

  6. Reframe.js

    JavaScript

    特定の要素をレスポンシブ化してくれる「Reframe.js」

    Reframe.jsはレスポンシブに対応していない特定の要素をレスポン…

最近の記事

  1. Soundcore Liberty Neo(第2世代)
  2. EH-NA0B
  3. KPS-88
  4. Happy Plugs AIR1
  5. cheero Stream 10000mAh

アーカイブ

PAGE TOP