2007/01/05

1つのINPUT要素で、複数ファイルをアップロードする方法


Upload multiple files with a single file element

上記サイトで、1つのINPUT要素だけなのに、複数のファイルをサーバにアップロードする方法が紹介されています。

サンプルもダウンロードでき、自由に使用してよい模様(クレジットは残した方がいいかも)。

以下の画像は、サンプルを実行したスナップショットです。

このサンプルでは、送信するファイル数が3に設定されています(変更可)。

・初期画面
初期画面

・ファイルを1つ追加
ファイルを1つ追加した画面

・ファイルを2つ追加
ファイルを2つ追加した画面

・ファイルを3つ追加
ファイルを3つ追加した画面

ファイルを3つ追加した時点で、ファイル数の上限に達したので、INPUT要素が使用不可になってますね。

シンプルですが、これは便利!

feedpath tags: , ,   generated by feedpath

スポンサーリンク


このエントリーをはてなブックマークに追加




Twitter ではブログにはない、いろんな情報を発信しています。


コメント

コメントを書く



プロフィール