我想自动提交表格,流程如下。
输入类型='file'不应显示。
如果单击“提交”按钮,则应打开文件弹出窗口。
选择文件后,表单应自动提交并进行验证。
我完成了大部分工作,但在提交表格时遇到了问题。
注意->我使用css样式隐藏输入类型='file'。
这是我的HTMLROM
<form method="post" class="form" action="<?php echo base_url('csv/store'); ?>" enctype="multipart/form-data">
<input type="file" id="myfile" name="myfile" accept=".csv" style="display:none">
<br/>
<input type="submit" class="submit btn btn-primary" value="Import csv"/>
</form>
这是我的javascript
<script>
$(document).ready(function(){
function validation() {
//validation here
}
$('.submit').click(function(event) {
event.preventDefault();
$('#myfile').click();
});
});
</script>
2条答案
按热度按时间vhmi4jdf1#
这是你想要的吗?
jtw3ybtb2#
不要使用提交按钮,而是提供隐藏的
input type="file"
A.<label>
元素并将其样式设置为按钮。这将使它看起来像一个提交按钮,但会提示文件上传。那就听录音
change
隐藏文件输入上的事件。每次上载文件时都会触发此事件。在这里,您将需要进行验证。如果验证成功,请使用jquery手动提交表单.submit()
方法。