2番目の提出ボタンを使わずにアップロードボタン提出ファイルを作る方法symfony3

Question

私はuploadボタンを持っています。現在、クリックされると、フォームにデータを送信する新しいボタンsaveが表示されます。 uploadをクリックしてファイルを選択するタブを開き、Openをクリックして2番目のボタンを使用せずにフォームを送信した場合は可能ですか？このボタンは、フォームを送信し、第二ボタンsaveせずにデータを送信するために、私はこのコード

<form action="/upload" method="post"> 
    <input type="file" name="uploadButton" value="Upload Images"/> 
</form> 

を持っている想像し することは、可能です。私はSymfony 3.3と小枝テンプレートを使用しています。私はそれが助けることができる場合はJavaScriptを知っています。前もって感謝します。

Answer 1

入力が変化するときに自動的にフォームを送信するためにイベントリスナーを追加します。

HTML：

<form id="myform" action="/upload" method="post"> 
    <input id="myinput" type="file" name="uploadButton" value="Upload Images"/> 
</form> 

はJavaScript：

var form = document.getElementById('myform'); 
var input = document.getElementById('myinput'); 

var change_running = false;  
input.addEventListener('change', function(){ 
    if(!change_running){ 
     setTimeout(function(){ 
      change_running = true; 
      form.submit(); 
      change_running = false;  
     }, 300); 
    } 
});