HTML入力ファイルをクリックしてイベントを送信する前にフォームを選択

Question

アップロードファイルを実装しようとしていますが、まずファイルを選択してファイルを選択し、ファイルを選択してからフォーム送信を行います。しかし私のコードでは、フォーム提出を直ちに呼び出すでしょう。私はajaxを使用しようとしましたが、動作しません。ユーザーがファイルを選択した直後にフォームの送信を行う方法はあります。しかし、ここで

（ユーザーがファイルを選択するまで、私は意味）ファイル入力クリック機能の仕上げを待つための方法を見つけることができないようで、私のhtmlです：ここでは

<input type="text" id="body" name="body" > 
<button type="submit" id="sent_1" value="Send">Submit</button>   
<input type="file" id="image_file" name="image" size="chars"> 
<button id="send_img_btn" value="image">Image</button></td> 

は私のjavascriptです：

$('#send_img_btn').click(function(e){ 
      e.preventDefault(); 
    $('#image_file').click(); 
    $('#form').submit(); 
}); 

function imageClick(){ 
     $('#image_file').click(); 
} 

function submit(){ 
     $('#form').submit(); 
} 

編集：たぶん私の問題を明らかにしていない可能性があります。問題は、
ボタンをクリックすると、選択したファイルを待たずに即座にフォームを送信するだけです。私はファイルを選択して提出するまで私がそれを待つことを望みます。

Answer 1

ファイルが選択されるとすぐにフォームを送信する場合は、その入力の変更イベントを使用します。スクリプト

$(":file").change(function(e){ 
    $("[name=myForm]").trigger('submit'); 
}); 

Answer 2

type="button"を<button>タグに挿入します。デフォルトでは<button>タグは入力タイプsubmitと同じように動作します。

<button type="button" id="send_img_btn" value="image">Image</button>