这里使用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()将其变为字符串