no-image

JavaScript

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

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

FilePond

デモ

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

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

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

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

FilePond

関連記事

  1. Basic Metro Dynamic jQuery Tab Menu
  2. Touch-Tabs-jQuery

    JavaScript

    イベントやカスタマイズが可能な拡張性の高いタブシステム「Touch-Tabs-jQuery」

    Touch-Tabs-jQueryは、イベント設定やカスタマイズが可能…

  3. Complexify

    JavaScript

    パスワードの強さを視覚的にフィードバックしてくれる「Complexify」

    Complexifyはユーザーが入力したパスワードの強さを視覚的にフィ…

  4. Product comparison

    JavaScript

    製品などの比較に役立つjQueryプラグイン「Product comparison」

    Product comparisonは、いくつかの種類のものを比較する…

  5. Docked Link jQuery Plugin
  6. blurify

    JavaScript

    画像にぼかし効果を実装できる軽量のJSライブラリ「blurify」

    blurifyは画像にぼかし効果を実装することができるJSライブラリで…

最近の記事

  1. ブラジルイパネマ
  2. 梅しば
  3. BM-IBCDH13RD
  4. 雪
  5. ホットのドリップ

アーカイブ

PAGE TOP