jquery - mvc で非表示のファイル アップロード コントロールをトリガーした後にアクションにポストバックする方法

Question

ボタンのクリックでファイル アップロード コントロールを呼び出す必要があります。ファイル アップロード コントロールはユーザーには表示されません。

ボタンのクリック イベントで、ファイル アップロードのクリック イベントをトリガーしました。ファイルのアップロードが表示され、ファイルを選択できるようになりました。問題は、ファイルを選択して [開く] をクリックした後、自分のアクションにポストバックしたいことです。誰かがそれがどのように行われるかを教えてもらえますか?

ありがとう

Answer 1

アイデア：

フォームを選択して$('form#the_form_id');送信します: $('form#the_form_id').submit();.

イベント処理:

ユーザーが目的のファイルを選択した後にのみ上記のコードを実行するには、ユーザーがファイルを選択した後に発生するイベントへのコールバックとしてコード (コード) をバインドするだけです。

$('input[type=file]#the_fileinput_id').bind('change', function() {
    $('form#the_form_id').submit();
});

デモ：

jsfiddle のデモ: http://jsfiddle.net/NbGBj/この投稿で提供される他の SO の回答: jQuery で入力タイプ = ファイルの onchange イベントを処理する方法は?

X ブラウザーの互換性:

AFAIK onChange イベントは IE には存在しません (ファイル入力に限らず、あらゆる入力タイプに対して)。jQuery 開発者はこれに対する回避策を作成する必要があり、jQuery 1.5.1 で追加されました。したがって、jQuery のバージョンはそれ以上である必要があります。

Answer 2

ファイル入力が変更されたときに、フォームを送信したいので、次のようにします。

このhtmlの場合：

<form action="...">
   <input class="file" type="file" />
</form>

仕事をするjavasctript：

$('input.file').change(function(){
  $('form').submit();
});