FormData对象提交表单及上传图片/文件

1.创建一个FormData空对象，然后使用append方法添加key/value

var formdata = new FormData();
formdata.append('name','fdipzone');
formdata.append('gender','male');

2.取得form对象，作为参数传入到FormData对象

<form name="form1" id="form1">
<input type="text" name="name" value="fdipzone">
<input type="text" name="gender" value="male">
</form>
var form = document.getElementById('form1');
var formdata = new FormData(form);

3.ajax提交服务器

var data = new FormData($('#form1')[0]);
$.ajax({
    url: 'server.php',
    type: 'POST',
    data: data,
    dataType: 'JSON',
    cache: false,
    processData: false,//必选，告诉jQuery不要去处理发送的数据
    contentType: false,//必选，告诉jQuery不要去设置Content-Type请求头
    success : function(data){
        console.log(data)

    }
})