1. 程式人生 > >form ajax 表單 上傳檔案

form ajax 表單 上傳檔案

var formData = $("form").serialize(); 

此方式無法ajax上傳檔案,正常post資料互動可以,如果加上processData和contentType 正常post資料和上傳檔案也都無法互動,正常post不能加processData和contentType 

var formData = new FormData(document.getElementById("form"));

此方式正常post資料互動 ;可以ajax上傳檔案單是ajax必須加上 processData和contentType

如下例子:

$.ajax({
        url: url,
        type: "POST",
        data: formData,
        processData: false,  // 告訴jQuery不要去處理髮送的資料
        contentType: false,   // 告訴jQuery不要去設定Content-Type請求頭
        success: function(data){
            if( data.code == 200 ){
           //後臺操作成功
        } else {
            //後臺操作失敗
        }
        }
    });