ajax 使用formData提交数据

var formData = new FormData();
 
var open_id = $("#open_id").val(), file = $("#file")[0].files[0];

formData.append('open_id', open_id);
formData.append('file', file);

$.ajax({
   type: "POST",
   url: path,
   timeout: 5000,
   headers: {
       "token": token
   },
   data: formData,
   processData:false,  
   contentType:false,
   success: function(res) {
       
   }
});

注意点：

processData:false,  // 因为data值是FormData对象，不需要对数据做处理。
contentType:false, // 因为是由<form>表单构造的FormData对象，所以这里设置为false。

设置为false,否则会报错。

提交到接口，可能会出现413 content too large错误状态码，是因为nginx或者apache的默认最大上传大小比上传的小，修改其配置的值就可以了

image.png