我目前有一个允许用户选择图像的表单.选择图像后,需要单击“提交”按钮.我正在使用jquery,所以调用最终看起来像这样:
$('#image_form').ajaxForm(function(data) {
// do some stuff
});
这是HTML:
<form id="image_form" enctype="multipart/form-data" action="load_photo.PHP" method="post" >
<input type="hidden" name="MAX_FILE_SIZE" value="8000000" />
<table>
<tr>
<td>
<label for="mapimage">Select an image:</label>
</td>
</tr>
<tr>
<td>
<input name="file" type="file" id="file"/>
</td>
</tr>
<tr>
<td>
<input type="submit" value="Update" name="update_photo" id="update_photo"/>
</td>
</tr>
</table>
</form>
用户浏览照片并选择后,是否可以触发此表单操作?理想情况下,他们不必单击提交按钮.
解决方法:
选择文件后,更改事件将在输入[type = file]元素上触发,因此只需监听即可.
$('#file').change(function(e){
// do something after a file is selected
// maybe submit the file?
e.target.form.submit();
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。