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 ではブログにはない、いろんな情報を発信しています。


コメント

コメントを書く



プロフィール

  • 名前:fnya
    経歴:
    SE としての経験は15年以上。様々な言語と環境で業務系システム開発を行い、セキュリティ対策などもしていました。現在は趣味SE。

    Twitter では、ブログでは取り上げない情報も公開しています。


    ブログについて

    このブログは、IT、スマートフォン、タブレット、システム開発などに関するさまざまな話題を取り上げたり、雑感などをつづっています。

    現在、Enty で支援を受け付けています。もしよければご支援ください。



    >>ブログ詳細
    >>自作ツール
    >>運営サイト
    >>Windows 10 まとめ

    Twitter のフォローはこちらから Facebook ページはこちら Google+ページはこちら RSSフィードのご登録はこちらから