ユーザーが画像をアップロードできるフォームなどで、「参照」ボタンのあるフォームコントロールを使うことはよくあります。

しかし、なかなか見栄え良くならない上に、アップロードのためにフォームを送信しなければならず、いまいち素敵なフォームになりません。

そこで、「Ajax file upload with jquery」を使えば、素敵なアップロードページを作ることができます。

ライブラリを利用すると、大きなボタンが表示され、クリックするといつも通りファイル指定ダイアログが表示されます。
ファイルを選択すると、画面がリロードすることなくボタン上でアニメーションが展開されます。

利用には jQuery 1.2が必要だとか。素敵ですね。

Ajax file upload with jquery – valums.com

Tweet