采用formDate提交表单

采用formDate提交表单：//创建一个FormData空对象，然后使用append方法添加key/value

<script>

$(function(){

$("#btn").click(function(){

　　var formData = new FormData();    //创建FormData空对象

　　formData.append("file",$("#aa")[0].files[0],$("#aa")[0].files[0].name);       //上传文件

　　formData.append("a1",$("#a1").val())        //上传普通val值

　　formData.apend("a2",$("select[name='a2']").var())       //上传下拉列表选中项

　　$.ajax({   //ajax提交

　　　　url:".......",    //改为自己的接口

　　　　type: 'POST', 

　　　　dataType: 'JSON', 

　　　　data: formData,  

　　　　processData: false,  

　　　　contentType: false,

　　　　success:function(data){

　　　　　　alert("恭喜您，上传成功");

　　　　} 

　　})

})

})

</script>

注意事项：

1、采用formDate提交表单，必须在form标签加上enctype="multipart/form-data"

2、ajax上传时，需要加上processData:false,  contentType:false

 

转载于:https://www.cnblogs.com/bagnliu/p/7879386.html