基于 jQuery
HTML:
<form id="form" enctype="multipart/form-data">
<input type="text" name="name" />
<input type="text" name="desc" />
<input type="file" name="image" id="doc0" /> <button type="button" id="submit" > 提交 </button>
</form>
JS:
// 提交表单
$('#submit').click(function () { // 创建FormData对象
var data = new FormData($('#form')[0]); // 为FormData对象添加数据
$.each($('#doc0')[0].files, function(i, file) {
data.append('image', file);
}); $.ajax({
url:'yoururl',
type:'POST',
data:data,
cache: false,
contentType: false, /* 不可缺 */
processData: false, /* 不可缺 */
success:function(result){
// 这里是你的成功逻辑
}
});
});