ITエンジニア/デザイナ向けにオープンソースを毎日紹介

HTML5でファイルアップロード機能も多少改善されました。ファイルのドラッグ&ドロップなど機能は増えているのですが、それを使いこなすためにはコードを書かなければなりません。

そこで使ってみたいのがFilePondです。簡単に設置できて、格好良いファイルアップロードフォームが作れます。

FilePondの使い方

使っているところです。ファイルをドロップするとアニメーションが走ったり、ボタンをクリックしてアップロードを開始できます。

複数ファイルにももちろん対応しています。プレビューもできます。

プロフィール画像のようなデータのアップロードにも。

FilePondを使うと複数ファイルに対応したファイルアップロードフォームが簡単に作成できます。ファイルごとにアップロード処理を行えて、サムネイル表示もできるなどユーザビリティも高そうです。

FilePondはJavaScript製のオープンソース・ソフトウェア(MIT License。以前はGPL v3)です。

  • 2018年04月02日:ライセンス修正

FilePond, Where files go to stretch their bits.

pqina/filepond: ? A Flexible and Fun JavaScript File Upload Library

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2