高度なファイルアップロード機能を提供「Fine Uploader」
Fine UploaderはJavaScript製、GPL v3のオープンソース・ソフトウェアです。
HTML5になってファイルのアップロード処理は大幅に改善されました。特にドラッグ&ドロップによるファイルアップロードは便利です。そんな機能をさらに便利にしてくれるライブラリがFine Uploaderです。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-08 9.38.49.1373377649.png)
デモです。ファイルの選択またはドラッグ&ドロップでリストに追加できます。追加後、即アップデートが開始されます。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-08 9.39.12.1373377652.png)
デザインの拡張性は高いです。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-08 9.39.42.1373377655.png)
エラーのキャッチもできます。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-08 9.39.56.1373377658.png)
拡張子によるテストにも対応しています。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-08 9.40.08.1373377662.png)
画像のサムネイルビューもあります。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-08 9.40.29.1373377666.png)
アップロード上限の制限に対応しています。
Fine Uploaderを使えばファイルアップロードにおける大抵のニーズには対応できるのではないでしょうか。JavaScriptで細かくカスタマイズしたり、コールバックを使って独自の仕組みを組み込むのも容易です。
MOONGIFTはこう見る
ファイルのAjaxによるアップデート処理というのは面倒に感じるのですが、File APIを使えれば簡単に実現します。同時にファイルを指定後の即時アップデート開始というのも容易です。HTML5になって大きく改良された機能ではないでしょうか。
しかし便利な機能はあれど、それを使えるレベルにできるかどうかはプログラマー、デザイナーの力次第です。より便利で使いやすいライブラリになれば、機能の普及も進むでしょう。Gmailなどはその典型と言え、便利な機能は積極的に取り込んでいくのが良いと思います。