ユーザーが[参照]ボタンをクリックしたときにアップロードするファイルを複数選択して、ページを更新せずにアップロードする方法はありますか?Javascript/Ajaxによる複数のファイルアップロード?
これはGmailで発生します。クリックするとファイルを添付して、Ctrlキーを押しながら複数のファイルを選択できます。
ユーザーが[参照]ボタンをクリックしたときにアップロードするファイルを複数選択して、ページを更新せずにアップロードする方法はありますか?Javascript/Ajaxによる複数のファイルアップロード?
これはGmailで発生します。クリックするとファイルを添付して、Ctrlキーを押しながら複数のファイルを選択できます。
私は最近、同様の問題に直面しました。私たちはUploadify(http://www.uploadify.com/)を使ってアップロードを行っていました。私は複数のファイルのアップロードを実行するためにUploadifyの使用方法についてのブログ記事を書いた:
http://blog.bobcravens.com/2011/03/upload-multiple-files-with-progress-using-uploadify/
サポートされているオプションのカップルがあります:
シングル「入力」要素を使用して、複数の選択は、ファイル。
複数の 'input'要素を使用してそれぞれ1つのファイルを選択します。
希望します。
ボブ
進捗バーが表示されないようにキューリストを保持する方法はありますか?その代わりに私は自分自身のキューリストを実装したい。私はOnSelectイベントを使用してそれを行うと思いますが、デフォルトのキューリストを表示しないようにする方法はありますか? –
これらは、次のクラス 'uploadifyQueue'でdivにラップされているようです。そのクラスにdisplay:noneスタイルを追加することができます。私はこれを試していない。 – rcravens
ChromeでJqueryコンソールを使用すると、ディスプレイをnoneに設定すると、そのキューを隠すことができます。ほとんどの場合、生きていなければなりません。私はそれを試してみます –
チェックhttp://valums.com/ajax-upload/これはきれいなプラグインです!
EDIT:感嘆符が追加されました。
ページを更新せずにファイルをアップロードするだけで、2つの方法があります:
はiframe
フラッシュが - それはあなたが一度
詳細はSWFUploadをご覧ください。
あなたは本当にクロスプラットフォームの使用であり、そのいくつかの場合:pluploadそれはHTML4、5、フラッシュ、および大いに多くをサポートし...
は、あなたは、ファイル選択ダイアログから何を返されたのですか?コレクション(または何らかの区切りリスト、コレクションに変換することができます)では、複数の要求を生成しながら繰り返し処理できます。 – StuperUser
GmailでFlashが使用されています。私はこれが標準のHtmlファイルselect要素では可能ではないと思います。 – kgiannakakis