Ajax 使用 FormData 请求传参（附件）

1.将base64 格式转为文件对象，配合 图片压缩那篇文章使用

//将base64转换为文件对象
function dataURLtoFile(dataurl, filename) {
  var arr = dataurl.split(',');
  var mime = arr[0].match(/:(.*?);/)[1];
  var bstr = atob(arr[1]);
  var n = bstr.length; 
  var u8arr = new Uint8Array(n);
  while(n--){
	  u8arr[n] = bstr.charCodeAt(n);
  }
  //转换成file对象
  return new File([u8arr], filename, {type:mime});
  //转换成成blob对象
  //return new Blob([u8arr],{type:mime});
}

2.创建formData 并传入参数

var formData = new FormData();
formData.append("pic1", dataURLtoFile(imgList[0],"pic1.png"));
formData.append("pic2", dataURLtoFile(imgList[1],"pic2.png"));
formData.append("pic3", dataURLtoFile(imgList[2],"pic3.png"));
formData.append("requestJson", JSON.stringify(data3));

3.发起请求

$.ajax({
	url:url,
	type:"post",
	data:formData,
	processData:false,// 使用formData传参很重要的配置
	contentType:false,// 使用formData传参很重要的配置
	success:function(res){
		console.log(res);
	},
	error: function (jqXHR, textStatus, errorThrown) {
		// console.log(jqXHR)
		// console.log(textStatus)
		// console.log(errorThrown)
		console.log(jqXHR.responseText)
	},
	dataType:"json"
})