イメージファイルをアップロードする機会は、様々なコミュニケーションサービスが展開されている現在、どんどんと増えていると思いますが、ファイルをローカルから選択してアップロードするというのは直感的ではなく、リテラシーが低い層には障壁にもなりえます。今日紹介するのはそんなファイルのアップロードを簡単にしてくれる、ドラッグ&ドロップでイメージファイルをアップロードできる「HTML5 File Upload」です。 こちらは、予め決められた領域にドロップするだけでイメージをアップロードすることができます。またドロップ後にプレビューを出して確認その後、アップロードするという流で誤ってアップロードするということも未然に防げる仕組みになっています。 詳しくは以下 こちらの仕組みはjQueryで制作されており、ソースファイルをダウンロードすることもできます。実際の動作デモは「File Upload!」からご
![ドラッグ&ドロップでイメージファイルをアップロードできる「HTML5 File Upload」](https://cdn-ak-scissors.b.st-hatena.com/image/square/6d9fffbac4a0ee81d1a3ed1d93a9b17a0451782a/height=288;version=1;width=512/https%3A%2F%2Fdesign-develop.net%2Fwp-content%2Fuploads%2F2012%2F08%2Fhtml5upjpg.jpg)