ajax提交表单包含文件
需要用到 FormData。
html:
<form id="formPost"> name: <input name="name" />
memo: <input name="memo" /> file: <input type="file" name="photos[]" /> file: <input type="file" name="photos[]" /> file: <input type="file" name="photos[]" /> </form>
js:
let formData = new FormData($('#formPost')[0]);
假如这时候又有一个字段 class 来了
formData.append("class","三年级一班"); // class是键,三年级一班是是值。
查看添加到formData的值
for (let [a, b] of formData.entries()) { console.log(a, b); }
打印出来的大概长这样
ajax提交
$.ajax({ url:url, type: 'post', data: formData, processData: false, //告诉jQuery不要去处理发送的数据 contentType: false, //告诉jQuery不要去设置Content-Type请求头 success:function(res){
console.log(res); ... } })