파일 업로드 및 동일한 페이지에 머물러있는 HTML 양식 게시 (jQuery)

Question

jQuery와 PHP를 사용하여 오래 동적으로 생성 된 HTML 양식을 게시하고 있습니다. "보내기"대화 상자가 필요하고 동일한 페이지 (결과적으로 jQuery 팝업)에 결과를 표시해야하므로 기존 HTML 양식 제출을 사용하지 않습니다. 내가하고있는 일은 파일 입력 유형이 업로드되지 않는다는 점을 제외하고는 훌륭하게 작동합니다.

이 방법이 있습니까?

jQuery를 : 여기에

내 코드 형태로

function submitForm(submiturl) 
    { 
     $.blockUI({ message: "<h2>Submitting...</h2>" }); 

     var form = $('#theForm').serialize(); 
     var fields = "<?= urlencode(serialize($allFields)) ?>"; 

     $.ajax({ 
      url: submiturl, 
      data: {form: form, fields: fields, extraResults: window.extraResults}, 
      type: "post", 
      cache: false, 
      complete: function() { 
       // unblock when remote call returns 
       $.unblockUI(); 
      }, 
      error: function (xhr, ajaxOptions, thrownError) { 
       alert("ERROR"); 

      }, 
      success: function(strData){ 
       alert("SUCCESS: " + strData); 

      } 

     }); 
    } 

Answer 1

언급 enctype="multipart/formdata" 및

var uf = //get form id; 
var fd = new FormData(uf);  
$.ajax({ 
    type: "POST", 
    url: "xxxxx.php", 
    data: fd, 
    processData:false, 
    contentType: false, 
    success: function(msg){ } 
});