ajax 表单上传文件

Posted 2020-10-21 xueT

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

 

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