1. 程式人生 > >FormData物件提交表單及上傳圖片/檔案

FormData物件提交表單及上傳圖片/檔案

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)

    }
})