2011-04-05 8 views
0

ユーザーが[参照]ボタンをクリックしたときにアップロードするファイルを複数選択して、ページを更新せずにアップロードする方法はありますか?Javascript/Ajaxによる複数のファイルアップロード?

これはGmailで発生します。クリックするとファイルを添付して、Ctrlキーを押しながら複数のファイルを選択できます。

+1

は、あなたは、ファイル選択ダイアログから何を返されたのですか?コレクション(または何らかの区切りリスト、コレクションに変換することができます)では、複数の要求を生成しながら繰り返し処理できます。 – StuperUser

+0

GmailでFlashが使用されています。私はこれが標準のHtmlファイルselect要素では可能ではないと思います。 – kgiannakakis

答えて

1

私は最近、同様の問題に直面しました。私たちはUploadify(http://www.uploadify.com/)を使ってアップロードを行っていました。私は複数のファイルのアップロードを実行するためにUploadifyの使用方法についてのブログ記事を書いた:

http://blog.bobcravens.com/2011/03/upload-multiple-files-with-progress-using-uploadify/

サポートされているオプションのカップルがあります:

  • シングル「入力」要素を使用して、複数の選択は、ファイル。

  • 複数の 'input'要素を使用してそれぞれ1つのファイルを選択します。

希望します。

ボブ

+0

進捗バーが表示されないようにキューリストを保持する方法はありますか?その代わりに私は自分自身のキューリストを実装したい。私はOnSelectイベントを使用してそれを行うと思いますが、デフォルトのキューリストを表示しないようにする方法はありますか? –

+1

これらは、次のクラス 'uploadifyQueue'でdivにラップされているようです。そのクラスにdisplay:noneスタイルを追加することができます。私はこれを試していない。 – rcravens

+0

ChromeでJqueryコンソールを使用すると、ディスプレイをnoneに設定すると、そのキューを隠すことができます。ほとんどの場合、生きていなければなりません。私はそれを試してみます –

0

チェックhttp://valums.com/ajax-upload/これはきれいなプラグインです!

EDIT:感嘆符が追加されました。

+1

ニース[コピー](http://stackoverflow.com/questions/5553226/ajax-based-file-uploads/5553261#5553261) - 少なくとも文などを修正します。 – fabrik

+1

ここにコピーします。 – fabrik

+0

あなたは今、幸せな人であることを願っています。 – fabrik

1

ページを更新せずにファイルをアップロードするだけで、2つの方法があります:

  1. はiframe

  2. フラッシュが - それはあなたが一度

で複数のファイルを選択する可能性を提供します

詳細はSWFUploadをご覧ください。

0

あなたは本当にクロスプラットフォームの使用であり、そのいくつかの場合:pluploadそれはHTML4、5、フラッシュ、および大いに多くをサポートし...

関連する問題