formData 解决参数与文件一起提交

这里使用H5的FormData对象，废话不多说，上代码

html

<input name="param" type="text">
<input name="file" type="file">
<input id="btn" type="button" value="提交">

js

var fileData;
$('[name="file"]').change(function(e) {
	fileData = e.target.files[0]
});

$('#btn').click(function() {
	var formData = new FormData();
	formData.append('file',fileData);
	formData.append('param', $('[name="param"]').val());
	$.ajax({
		url: './test.php',
		type: 'post',
		data: formData,
		contentType: false, // 不使用默认请求头类型 application/x-www-form-urlencoded; charset=UTF-8
		processData: false, // 不序列化
		success: function(data) {
			// ...code
		}
	});
});

注意，第一ie8不支持，其次FormData.append会将不是filename和Blob类型的数据都通过toString()方法转成字符串，所以如果需要传json对象需要使用JSON.stringify()将其变为字符串