FilePondはフレキシブルで楽しいJavaScriptファイルアップローダープラグインです。美しいアニメーションでアップロードも素早いことから、ハイセンスなファイルアップローダーを探している人にはピッタリです。
FilePond
以下のページからFilePondの実際のデモ動作をチェックできます。
デモではページ読み込み時にすでにファイルが指定された状態になっています。アップロード領域内の右側にある上矢印ボタンをクリックするとファイルのアップロードが開始されます。
アップロード中はパーセント表示でリアルタイムで進捗状況を確認できるようになっています。アップロードが完了すると全体が緑色になり、「Upload complete」と表示されます。
また、指定したファイルを取り消す場合は右側にあるバツ印をクリックすればOKです。
ファイルの指定はアップロード領域内にドラッグ＆ドロップでも指定できるのが便利ですね。
FilePondではクライアントサイドで画像の最適化やアクセシブルなユーザーエクスペリエンスも可能にするので、気になる人はぜひチェックしてみてください。FilePondの詳細は以下のページからどうぞ。
