Question

我有upload按钮。目前，当点击它时，会出现一个新按钮save，其中显示了带有数据的表单。是否可以在单击upload后打开选项卡的选项卡，选择文件后如果单击Open提交表单而不需要第二个按钮？想象一下，我有这个代码

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

此按钮是否可以提交表单并在没有第二个按钮save的情况下发送数据。我正在使用Symfony 3.3和twig模板。我知道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);
    }
});

如何使上传按钮提交文件没有第二次提交按钮php Symfony3

1 个答案: