ajax 表单上传文件

以往的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>

 



后台数据正常接收就可以;
posted @ 2018-01-16 11:30  xueT  阅读(235)  评论(0编辑  收藏  举报