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. ScrollMenu.js

    JavaScript

    縦横配置やナビメニューと統合できる便利なスクロールバー「ScrollMenu.js」

    ScrollMenu.jsは通常の味気ないスクロールバーを便利で新しい…

  2. Canvi

    JavaScript

    左右からスライド表示するシンプルなナビゲーションメニュー「Canvi」

    CanviはVanilla JSによるシンプルなナビゲーションメニュー…

  3. bubbly-bg

    JavaScript

    幻想的なバブル背景アニメーションを実装できる「bubbly-bg」

    bubbly-bgは幻想的で美しいバブル(気泡)背景アニメーションを実…

  4. Dialogify

    JavaScript

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

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

  5. EasyZoom

    JavaScript

    タッチ対応で画像拡大やパンもできるjQueryプラグイン「EasyZoom」

    EasyZoomはタッチにも対応したモバイルフレンドリーな、画像拡大や…

最近の記事

  1. YAECA ワイドテーパードデニム 10-13WW
  2. ADR-3ML39シリーズ
  3. キュレル モイスチャーバーム
  4. FUJIFILM X-Pro3
  5. iPhone 11 ProとApple Watch Hermès

アーカイブ

PAGE TOP