File APIを使ったドラッグ&ドロップとプログレスバー新しいWEBサービスでファイルアップロードを実装することに。できれば複数ファイルをドラッグ&ドロップできるようなイマドキなの。この分野はライブラリの開発も盛んに行われており、 Uploadify Plupload jQuery File Upload などを試してみるが、痒い所に手が届かず自作することに。 一つのファイルをアップするだけならinputのtype=fileで一発なんだけど、ドラッグ&ドロップとなると難易度も上がる。実現方法としてHTML5のFile APIという機能を使うと比較的楽に作れる。しかし対応はモダンブラウザのみでIE8も未対応。mixiでもこの方式を採用している。 もう一つFlashを利用する方法があるが、その開発はコストに見合わない。幸いにもサイトのターゲットにIE使いは少なそうなので、IEの複数ファイルアップロードには対応しないことに。 実装の道筋 先人の知恵を
