Jqueryファイルとのシリアル化

Question

こんにちは、このコードは動作していません。私はこのserialize();メソッドを使用していますが、入力タイプのファイルを追加すると機能しません。しかし、ファイルがない場合は動作します。私を助けてください。 Ajax呼び出し関数内のデータキーで

$("#resimBtn").on("click", function(){ 
 
    var dresim = $("#resimForm").serialize(); 
 
    $.ajax({ 
 
     url: "ayarlar/islem.php?islem=resim", 
 
     type: 'POST', 
 
     data: dresim , 
 
     async: false, 
 
     cache: false, 
 
     contentType: false, 
 
     processData: false, 
 
     success: function(cevap){ 
 
      $("#resimAlert").html(cevap).hide().fadeIn(700); 
 
     } 
 
    }); 
 
});

<form id="resimForm" class="form-horizontal form-bordered" > 
 

 
    <div class="form-group"> 
 
     <label class="col-md-3 control-label" for="inputDefault">Kategori Durum</label> 
 

 
     <div class="col-md-6"> 
 
      <input type="file" name="resim"> 
 
     </div> 
 
    </div> 
 
    <div class="col-md-6 col-md-offset-3"> 
 
     <div id="resimBtn" class="btn btn-primary btn-lg pull-right">Ekle</div> 
 
    </div> 
 
</form>

Answer 1

、フォームデータを使用しています。

var form = $('#resimForm')[0]; // You need to use standard javascript object here 
var formData = new FormData(form); 
data: formData, 

また、送信ハンドラを使用することもできます。

$('#resimForm').submit(function(e) { 
e.preventDefault(); 
$.ajax({ 
//other Ajax stuff 
data: new FormData(this), 
}); 
}); 

Answer 2

使用この：

var formData = new FormData($('#resimForm')[0]); 
$("#resimBtn").on("click", function(){ 

     $.ajax({ 
      url: "ayarlar/islem.php?islem=resim", 
      type: 'POST', 
      data: formData , 
      async: false, 
      cache: false, 
      contentType: false, 
      processData: false, 
      success: function(cevap){ 
       $("#resimAlert").html(cevap).hide().fadeIn(700); 
      } 
     }); 
    });