利用Formdata实现form提交文件上传不跳转页面
2016-11-18 10:39
435 查看
作者:幻月九十
链接:https://www.zhihu.com/question/19631256/answer/119911045
来源:知乎
著作权归作者所有,转载请联系作者获得授权。
链接:https://www.zhihu.com/question/19631256/answer/119911045
来源:知乎
著作权归作者所有,转载请联系作者获得授权。
$('form').submit(function (event) { event.preventDefault(); var form = $(this); if (!form.hasClass('fupload')) { //普通表单 $.ajax({ type: form.attr('method'), url: form.attr('action'), data: form.serialize() }).success(function () { //成功提交 }).fail(function (jqXHR, textStatus, errorThrown) { //错误信息 }); } else { // mulitipart form,如文件上传类 var formData = new FormData(this); $.ajax({ type: form.attr('method'), url: form.attr('action'), data: formData, mimeType: "multipart/form-data", contentType: false, cache: false, processData: false }).success(function () { //成功提交 }).fail(function (jqXHR, textStatus, errorThrown) { //错误信息 }); }; });
相关文章推荐
- 如何利用Axis2+Spring实现文件上传(支持jsp页面的form表单提交),Android客户端调用
- 利用FormData上传文件不跳转页面
- 使用ajaxSubmit()上传form文件,并实现阻止页面跳转
- 如何利用formData进行异步提交上传文件
- 利用resteasy框架构建rest webservice----第三波:实现文件上传---非form提交方式(实例、教程)
- 利用html5的FileReader对象实现图片预览,利用FormData对象结合struts2实现无刷新文件上传(多参数)
- jQuery利用XMLHttpRequest()和FormData()实现同时上传文件和数据
- ajax 利用formdata对象 实现多文件上传
- 利用html5的FormData对象和ajax实现异步文件上传
- SpringMVC从数据库导入导出 CSV文件(利用multipart/form-data实现文件上传)
- 利用jquery&iframe标签实现页面无跳转的表单文件上传
- Spring MVC 实现文件上传及压缩包上传(提交之后页面不跳转)
- 用FormData实现无刷新页面异步上传文件
- 利用html5的FormData对象和ajax实现异步文件上传
- 利用resteasy框架构建rest webservice----第三波:实现文件上传---非form提交方式(实例、教程)
- HTML5利用FormData对象实现显示进度条的文件上传【译】
- ajax利用FormData、FileReader实现多文件上传php获取
- 利用H5特性FormData实现不刷新文件上传
- HTML5利用FormData对象实现显示进度条的文件上传【转】
- 利用Ajax FormData实现无刷新带进度条文件上传