jQuery ajax 提交表单图片
基于 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){ // 这里是你的成功逻辑 } }); });