FormData物件提交表單及上傳圖片/檔案
阿新 • • 發佈:2018-11-03
1.建立一個FormData空物件,然後使用append方法新增key/value
var formdata = new FormData();
formdata.append('name','fdipzone');
formdata.append('gender','male');
2.取得form物件,作為引數傳入到FormData物件
<form name="form1" id="form1"> <input type="text" name="name" value="fdipzone"> <input type="text" name="gender" value="male"> </form> var form = document.getElementById('form1'); var formdata = new FormData(form);
3.ajax提交伺服器
var data = new FormData($('#form1')[0]); $.ajax({ url: 'server.php', type: 'POST', data: data, dataType: 'JSON', cache: false, processData: false,//必選,告訴jQuery不要去處理髮送的資料 contentType: false,//必選,告訴jQuery不要去設定Content-Type請求頭 success : function(data){ console.log(data) } })