HTML5でファイルを複数選択してアップロードする方法

HTML5 では input タグの属性に「multiple="multiple"」を追加するだけで、ファイル選択時に複数のファイルを選択できるようになります。

<input id="fileUpload"  name="fileUpload" type="file" multiple="multiple" />

HTML 4.01 の時は、複数のファイルをアップロードするのに、対応する数の input タグを配置しなければいけませんでした。

ただし、multiple 属性は Web ブラウザが対応していないと効果がありません。今のところ Google Chrome, Safari が対応されているようです。

 

ちなみに、ASP.NET で multiple 属性による複数ファイルがアップロードされた場合、Request.Files に選択されたファイルの数だけ HttpFileCollectionBase が格納されるようです。

]]>

コメントを残す

メールアドレスが公開されることはありません。