AJAX提交表单后要清空,否则再次提交原来的数据会认为重复提交,提交失败。使用ajaxSubmit 函数需要引入jquery.form.min.js 文件
2013-09-27 00:14
1366 查看
<script src="../../Scripts/js/jquery.form.min.js" type="text/javascript"></script>
function upLoadImg() {
var options = {
url: '/Home/AjaxUploadImg?',
type: 'post',
dataType: "text",
success: function (data) {
$("#addImgShow").append("<img src='" + data + "' style=' width:100px; height:100px; margin-right:3px;'/>");
//上传结束后清空file 否则继续上传同一张图会失败
$("#ImgInput").val("");
},
error: function () { alert("Error"); }
};
$('#upImgForm').ajaxSubmit(options);
}
<form id="upImgForm" name="upImgForm" action="" method="post" enctype="multipart/form-data" class="ifu">
<input type="hidden" id="hblogID" name="hBologID" value="" />
<input type="hidden" id="blogType" name="blogType" value="2" />
<input id="ImgInput" name="ImgInput" type="file" value="" onchange="upLoadImg()" style="height:35px; margin-top:-8px;" />
</form>
function upLoadImg() {
var options = {
url: '/Home/AjaxUploadImg?',
type: 'post',
dataType: "text",
success: function (data) {
$("#addImgShow").append("<img src='" + data + "' style=' width:100px; height:100px; margin-right:3px;'/>");
//上传结束后清空file 否则继续上传同一张图会失败
$("#ImgInput").val("");
},
error: function () { alert("Error"); }
};
$('#upImgForm').ajaxSubmit(options);
}
<form id="upImgForm" name="upImgForm" action="" method="post" enctype="multipart/form-data" class="ifu">
<input type="hidden" id="hblogID" name="hBologID" value="" />
<input type="hidden" id="blogType" name="blogType" value="2" />
<input id="ImgInput" name="ImgInput" type="file" value="" onchange="upLoadImg()" style="height:35px; margin-top:-8px;" />
</form>
相关文章推荐
- 使用ajax提交带有file的表单,添加完/jquery.min.js、jquery-migrate-1.1.0.js、jquery.form.js后仍然报错
- jQuery使用ajaxSubmit()提交表单示例==引入jquery.form.js插件(专门提交表单)
- jquery序列化form表单使用ajax提交后处理返回的json数据
- django(7)modelform操作及验证、ajax操作普通表单数据提交、文件上传、富文本框基本使用
- 用jquery.form.js 实现ajax提交含有上传文件和普通字段的表单
- jQuery通过jquery.form.js插件使用AJAX提交Form表单
- 关于使用jquery.form.js上传文件同时提交表单的方法
- ajax请求下载Stream形式的文件,需要使用form表单提交的方式
- jquery-form.js实现文件表单ajax提交回调
- Play FrameWork 使用jquery.form.js实现无刷新提交带文件的表单
- jquery序列化form表单使用ajax提交后处理返回的json数据
- 异步提交表单插件jquery.form.min.js的使用实例
- jquery序列化form表单使用ajax提交后处理返回的json数据
- jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传。
- php使用jquery Form ajax 提交表单,并上传文件
- 使用jquery.form.js的ajaxsubmit方法提交数据的Bug
- 基于jQuery通过jQuery.form.js插件使用ajax提交form表单
- 基于jQuery通过jQuery.form.js插件使用ajax提交form表单
- 利用jquery.form.js的ajaxSubmit实现不跳转提交表单数据
- 【文件上传】使用jquery.form.js来实现表单提交