Javascript 我可以自动提交文件上传吗?
我想促进没有提交按钮的文件上传。我已经设法隐藏了文件上传按钮,但我不确定是否可以隐藏提交按钮,并在将文件添加到表单时自动提交表单。能做到吗 我的代码是Javascript 我可以自动提交文件上传吗?,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,我想促进没有提交按钮的文件上传。我已经设法隐藏了文件上传按钮,但我不确定是否可以隐藏提交按钮,并在将文件添加到表单时自动提交表单。能做到吗 我的代码是 <form id="inputForm" role="form" class="marg-left" action="/admin/import" method="post" enctype="multipart/form-data"> <input id="upload" name="file" type
<form id="inputForm" role="form" class="marg-left" action="/admin/import" method="post" enctype="multipart/form-data">
<input id="upload" name="file" type="file"/><a href="" id="upload_link"><div class="navigation-button">
<div class="navigation-header">Import</div>
<div class="navigation-desc">Import from tab-separated files on disk </div>
</div> </a>
<input id="submit" type="submit" value="Submit" />
</form>
Javascript
$(function(){
$("#upload_link").on('click', function(e){
e.preventDefault();
$("#upload:hidden").trigger('click');
});
您可以使用以下JQuery提交表单:
$('inputForm').submit()
完整答案可在此处找到:是的,可以完成。请尝试以下操作:
<input id="upload" name="file" type="file" onchange="this.form.submit();"/>
您需要监听
更改事件
$("#upload:hidden").on('change', function(){
$('#inputForm').submit();
});
试试这个:
document.getElementById("file").onchange = function() {
document.getElementById("form").submit();
};
喜欢使用jfiddler添加代码的新方法
$("#upload:hidden").on('change', function(){
$('#inputForm').submit();
});
document.getElementById("file").onchange = function() {
document.getElementById("form").submit();
};