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)}})

如果觉得《FormData对象提交表单及上传图片/文件》对你有帮助，请点赞、收藏，并留下你的观点哦！