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. no-image

    JavaScript

    オーバーレイによるシンプルなアラートを実装できるjQueryプラグイン「simplert」

    simplertはオーバーレイによるシンプルで美しいアラートを実装する…

  2. jquery.simple-scroll-follow
  3. Impulse Slider

    JavaScript

    3Dスライダーを実装できるjQueryプラグイン「Impulse Slider」

    Impulse SliderというjQueryプラグインを使えば3Dス…

  4. Jquery Toast Plugin

    JavaScript

    高いカスタマイズ性を備えたトースト通知を実装できる「Jquery Toast Plugin」

    Jquery Toast Pluginは高いカスタマイズ性を備えたアニ…

  5. JavaScript

    スマホやタブレットでのスワイプに対応したモバイルにも最適なjQueryスライダー「Swiper」

    とてもよさそうだったのでメモしときます。スワイプで切り替えることができ…

  6. share-this

    JavaScript

    テキストを選択してシェアできるMediumライクな「share-this」

    share-thisはテキストを選択して手軽にTwitterやFace…

最近の記事

  1. 冬用のふとん
  2. 田沢湖
  3. ゴムの耳栓
  4. ライオンコーヒー(バニラマカダミア)
PAGE TOP