ファイルがアップロードされた後に自動的にフォームを送信する

Question

アイコンをクリックすると、ファイルアップロードダイアログボックスが自動的に開かれます。<input type = "file">と同じです。フォームに送信ボタンがありません。ユーザーがファイルを選択し、ダイアログボックスでファイルを開くと、フォームを送信します。私はjqueryコードを書いています。しかし、ここで

を動作するようには思えない私のフォームは

<label for="avatar" id="avatar_label"> 
    <i class="fa fa-pencil" aria-hidden="true"></i> 
</label> 
<form id="change_pic_form" action="/nothing"> 
    <input type="file" name="avatar" id="avatar"> 
</form> 

である私のjQueryのは、あなたがファイル要素のonChangeイベントを使用する必要があります

if ($('#avatar').get(0).files.length !== 0) { 

    $('#change_pic_form').submit(); 
} 

Answer 1

動作するようには思えません。