no-image

JavaScript

フレキシブルで美しいアニメーションによるファイルアップローダー「FilePond」

FilePondはフレキシブルで楽しいJavaScriptファイルアップローダープラグインです。美しいアニメーションでアップロードも素早いことから、ハイセンスなファイルアップローダーを探している人にはピッタリです。

FilePond

デモ

デモではページ読み込み時にすでにファイルが指定された状態になっています。アップロード領域内の右側にある上矢印ボタンをクリックするとファイルのアップロードが開始されます。

アップロード中はパーセント表示でリアルタイムで進捗状況を確認できるようになっています。アップロードが完了すると全体が緑色になり、「Upload complete」と表示されます。

また、指定したファイルを取り消す場合は右側にあるバツ印をクリックすればOKです。

ファイルの指定はアップロード領域内にドラッグ&ドロップでも指定できるのが便利ですね。

FilePond

関連記事

  1. WEB TICKER

    JavaScript

    テキストや画像を無限にスクロールさせれるティッカー実装「WEB TICKER」

    WEB TICKERは、テキストや画像、リストなどさまざまなコンテンツ…

  2. no-image

    JavaScript

    シンプルでスタイリッシュなjQueryスライダー「Simple slider」

    Simple sliderはシンプルでスタイリッシュなスライダー(カル…

  3. EndlessRiver

    JavaScript

    エンドレスに流れていくコンテンツスライダー「EndlessRiver」

    EndlessRiverはエンドレスに流れていくコンテンツスライダーを…

  4. Slinky.js

    JavaScript

    上下にスクロールでコンテンツが開閉するjQueryプラグイン「Slinky.js」

    なかなか面白かったのでご紹介します。上下にスクロールするとコンテンツが…

  5. Prism Effect Slider

    JavaScript

    プリズム効果を実装することができるスライダー「Prism Effect Slider」

    おもしろいスライダーがあったのでご紹介します。Prism Effect…

  6. jQuery Pit-scheduler v2.0

最近の記事

  1. Waterlogue
  2. macOS Mojaveのダークモード
  3. Olli
  4. 単語帳メーカー(Flashcard Maker App)

Facebookページ

PAGE TOP