首页 > Web开发 > 详细

ajax 表单上传文件

时间:2018-01-16 12:00:55      阅读:184      评论:0      收藏:0      [点我收藏+]

以往的ajax表单提交都是用 serialize(),但当有文件需要上传的时候这样就行不通。

需要用FormData 解决 ,表单也不需要加 enctype="multipart/form-data"

以下代码

html

<form id="form"><input type="file" name="file" /></form>

js 
// 别忘了加载jq
<script>
var form = $("#form"); 
var formData = new FormData(form);      // formData表单数据
$.ajax({
  url:"/",// 提交的页面
  type:"post",
  data: formData,
  dataType:"json",
  async : false,
  cache : false,
  processData: false,    //必须的
  contentType: false,    //必须的
  success:function(resData){
  },  
 error:function(){alert(error);}
})
</script>

 



后台数据正常接收就可以;

ajax 表单上传文件

原文:https://www.cnblogs.com/xueT/p/8295673.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!