Javascript ajaxForm在文件输入时未提交选择更改
嘿,伙计们,我正试图提交一个包含文件输入类型的简单表单。挑战在于我希望提交发生在文件选择上 我的表格如下:Javascript ajaxForm在文件输入时未提交选择更改,javascript,jquery,forms,ajaxform,ajax-forms,Javascript,Jquery,Forms,Ajaxform,Ajax Forms,嘿,伙计们,我正试图提交一个包含文件输入类型的简单表单。挑战在于我希望提交发生在文件选择上 我的表格如下: <form id="uploadForm" action="submit.php" method="post" enctype="multipart/form-data"> <div class="fileUpload btn btn-lg btn-primary"> <span>Choose File</span>
<form id="uploadForm" action="submit.php" method="post" enctype="multipart/form-data">
<div class="fileUpload btn btn-lg btn-primary">
<span>Choose File</span>
<input id="imageBtn" type="file" class="upload" name="image"/>
</div>
</form>
$("input#imageBtn").change(function () {
console.log("submitting...");
// bind to the form's submit event
$('#uploadForm').submit(function() {
console.log("submitting...form");
$('#uploadForm').ajaxSubmit();
return false;
});
});
出于某种原因,我只看到提交。。。在我的控制台中,除此之外,没有任何内容可以提交
任何帮助都将不胜感激
谢谢。来自jQuery文档: 当用户试图提交表单时,提交事件被发送到元素。它只能附着到图元。可以通过单击显式输入类型=提交、输入类型=图像或按钮类型=提交来提交表单,或者在某些表单元素具有焦点时按Enter键来提交表单 尝试添加适当的标记,如
<input id="imageBtn" type="file submit" class="upload" name="image"/>
下面的方法似乎有效
<form id="imgForm" action="action.php" method="post" enctype="multipart/form-data">
<div class="fileUpload btn btn-lg btn-primary">
<span>Choose File</span>
<input id="imageToBeUploaded" type="file" class="upload" name="image"/>
</div>
</form>
$("body").on('submit', '#imgForm', function(){
$(this).ajaxForm({target:'#uploadStatus'});
console.log("submitting...");
return false;
});
/* Uploading Profile BackGround Image */
$('body').on('change','#imageToBeUploaded', function() {
//submit the form
$("#imgForm").submit();
});
这将使类型文件无法正常工作。它不显示浏览操作系统gui。