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. Expandy Menu

    JavaScript

    マウスオーバーで広がるメニューパネル「Expandy Menu」

    Expandy Menuはマウスオーバーすると横に広がるメニューパネル…

  2. jQuery PieTimer

    JavaScript

    時間の経過とともに円形が欠けていくタイマー「jQuery PieTimer」

    jQuery PieTimerは時間の経過とともに円形のデザインが欠け…

  3. SweetAlert
  4. Viewer

    JavaScript

    画像の拡大や縮小、回転などができるイメージギャラリー「Viewer」

    Viewerは画像の拡大や縮小、回転、上下左右の切り替えといった機能を…

  5. no-image

    JavaScript

    多彩なコンテンツ表示やカスタマイズ性を有する「LC Lightbox」

    LC Lightboxは画像や動画など多彩なコンテンツ表示ができたり高…

最近の記事

  1. リンツ リンドール
  2. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  3. ブラジルイパネマ

アーカイブ

PAGE TOP