我可以自动提交文件上传吗? [英] Can I auto-submit a file upload?
本文介绍了我可以自动提交文件上传吗?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我希望不使用提交"按钮即可上传文件.我设法隐藏了文件上传按钮,但是我不确定在将文件添加到表单时是否可以隐藏提交"按钮并自动提交表单.能做到吗?
I would like to facilitate a file upload without a submit button. I've managed to hide the file upload button but I'm not sure whether it is possible to hide the submit button and also auto-submit the form when the file is added to the form. Can it be done?
我的代码是
<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>
CSS
#upload{
display:none;
}
JavaScript
Javascript
$(function(){
$("#upload_link").on('click', function(e){
e.preventDefault();
$("#upload:hidden").trigger('click');
});
推荐答案
您需要监听 change
事件.
$("#upload:hidden").on('change', function(){
$('#inputForm').submit();
});
这篇关于我可以自动提交文件上传吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文