码迷,mamicode.com
首页 > Web开发 > 详细

ajax 表单上传文件

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

标签:ali   put   加载   multi   接收   log   serialize   mda   content   

以往的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 表单上传文件

标签:ali   put   加载   multi   接收   log   serialize   mda   content   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!