FilePond - 多機能で格好良いファイルアップロードフォーム // MOONGIFT Archived

HTML5でファイルアップロード機能も多少改善されました。ファイルのドラッグ&ドロップなど機能は増えているのですが、それを使いこなすためにはコードを書かなければなりません。そこで使ってみたいのがFilePondです。簡単に設置できて、格好良いファイルアップロードフォームが作れます。

FilePondの使い方

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

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

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

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

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