1つのINPUT要素で、複数ファイルをアップロードする方法
Upload multiple files with a single file element
上記サイトで、1つのINPUT要素だけなのに、複数のファイルをサーバにアップロードする方法が紹介されています。
サンプルもダウンロードでき、自由に使用してよい模様(クレジットは残した方がいいかも)。
以下の画像は、サンプルを実行したスナップショットです。
このサンプルでは、送信するファイル数が3に設定されています(変更可)。
・初期画面

・ファイルを1つ追加

・ファイルを2つ追加

・ファイルを3つ追加

ファイルを3つ追加した時点で、ファイル数の上限に達したので、INPUT要素が使用不可になってますね。
シンプルですが、これは便利!
上記サイトで、1つのINPUT要素だけなのに、複数のファイルをサーバにアップロードする方法が紹介されています。
サンプルもダウンロードでき、自由に使用してよい模様(クレジットは残した方がいいかも)。
以下の画像は、サンプルを実行したスナップショットです。
このサンプルでは、送信するファイル数が3に設定されています(変更可)。
・初期画面

・ファイルを1つ追加

・ファイルを2つ追加

・ファイルを3つ追加

ファイルを3つ追加した時点で、ファイル数の上限に達したので、INPUT要素が使用不可になってますね。
シンプルですが、これは便利!
feedpath tags: ajax, javascript, ファイルアップロード generated by feedpath
スポンサーリンク
Twitter ではブログにはない、いろんな情報を発信しています。
@fnyaさんをフォロー
コメント