no-image

JavaScript

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

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

FilePond

デモ

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

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

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

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

FilePond

関連記事

  1. rpage

    JavaScript

    Bootstrapを使ったレスポンシブなページネーション「rpage」

    rpageはBootstrapを使ったレスポンシブに対応したページネー…

  2. JavaScript

    巻き簾のようにメニューを開閉するアニメーションを実装できるjQueryプラグイン「Makisu」

    巻き簾のようにリスト化した要素を1つずつ開いていったり閉じていったりで…

  3. RefineSlide

    JavaScript

    多数のエフェクトが素敵!レスポンシブ対応のjQueryスライダー「RefineSlide」

    多数のエフェクトがあってレスポンシブWebデザインにも対応しているスラ…

  4. Circular Slider
  5. Optiscroll

    JavaScript

    縦横に対応したカスタマイズ性に優れたモダンなスクロールバー「Optiscroll」

    Optiscrollは、軽量で高度に最適化されたカスタマイズ性に優れた…

最近の記事

  1. ミノン メン 薬用全身シャンプー
  2. ウェアラブルヒーター ネック

アーカイブ

PAGE TOP