如何使上傳按鈕提交文件而無需第二個提交按鈕php Symfony3

Question

我有upload按鈕。 當前，當單擊它時， save一個新按鈕，其中顯示了提交帶有數據的表單。 單擊upload后可以打開一個選項卡來選擇文件嗎？如果單擊“ Open以提交表單而不需要第二個按鈕，是否可以在選擇文件之后進行選擇？ 想象一下我有這段代碼

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

該按鈕是否可以提交表單並發送數據而無需save第二個按鈕。 我正在使用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);
    }
});