jQuery ajax异步提交上传文件

ajax异步提交文件上传,项目中遇到的一个问题，记录一下。提交文件主要注意以下几点：

1.FORM的属性需要添加 enctype=”multipart/form-data”；

2.jQuery初始化 FormData。

<form id="fileUpLoad" enctype="multipart/form-data">
        <input type="file" name="img" />
</form>
<button class="button bg-main icon-check-square-o" onclick="UpLoadPic()"> 提交</button>

function UpLoadPic() {
	var formData = new FormData($("#fileUpLoad")[0]);
	$.ajax({
		url: xxxx.php,
		type: 'POST',
		data: formData,
		async: false,
		cache: false,
		contentType: false,
		processData: false,
		success: function(data) {},
		error: function(error) {}
	});
}