使用FormData对象通过AJAX提交表单和上传文件

<form enctype="multipart/form-data" method="post" name="fileinfo">
  <label>Your email address:</label>
  <input type="email" autocomplete="on" autofocus name="userid" placeholder="email" required size="32" maxlength="64" /><br />
  <label>Custom file label:</label>
  <input type="text" name="filelabel" size="12" maxlength="32" /><br />
  <label>File to stash:</label>
  <input type="file" name="file" required />
  <input type="submit" id='btn' value="Stash the file!" />
</form>
<script>
	$("#btn").click(function(){
		var fd = new FormData(document.querySelector("form"));
		fd.append("CustomField", "This is some extra data");//附加参数
		$.ajax({
		  url: "stash.php",
		  type: "POST",
		  data: fd,
		  processData: false,  // 不处理数据
		  contentType: false   // 不设置内容类型
		  success: function (data) {
	         console.log(data)
	      }
		});
	 }
</script>

参考文档：FormData 对象的使用