아약스에서 multipart/form-data 요청을 보내는 방법

Question

아래의 기능은 작동하지 않습니다. 여러 파일을 업로드하고 싶습니다 & 요청 보내기 ajax.here 콘텐츠 유형 "text/plain; charset = UTF-8"콘텐츠 유형이 "multipart/form-data"로 변경하려고합니다. 아래에 표시된 함수는 다음과 같습니다 .plz give 어떤 제안

function importNow(serverURL, parameters) { 
     document.body.style.cursor = "wait"; 
      $.ajax({ 
      url: serverURL, 
      data: parameters, 
      processData: false, 
      contentType: false, 
      type: "POST", 
      cache: false, 
      dataType: "text", 
      success: function(data) { 
       if ($.trim(data) === "Success") { 
        updateStatusMessage("success", "Import scenario successfully"); 
       } else { 
        updateStatusMessage("failure", $.trim(data)); 
       } 
       document.body.style.cursor = "default"; 
      }, 
      async: false 
     }); 
    } 



function importScenario() { 
     var serverURL = homeURL + "/runapp"; 
     var parameters = "requestType=Import&subRequestType=importScenario&userName=" + userName ; 
     refButton = '<form id="importForm" class="userInputForm" enctype="multipart/form-data">' + 
     '<input id="file" name="file" type="file" />' + 
     '</form>'; 
     document.getElementById("popupDiv").innerHTML = refButton; 
     $("#popupDiv").dialog({ 
      title: "Import Scenario", 
      draggable: true, 
      bgiframe: true, 
      modal: true, 
      width: 500, 
      heigth: 100, 
      show: {effect: 'blind', duration: 500}, 
      hide: {effect: 'fade', duration: 1000}, 
      zIndex: 1000, 
      buttons: { 
       'Upload': function() { 
        if ($("#importForm").valid()) { 
         parameters; 
         importNow(serverURL, parameters); 
         $(this).dialog("close"); 
        } 
       }, 
       'Cancel': function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 
    } 

Answer 1

당신이 다중/폼 데이터를 보낼 때 false로 ContentType을 설정 왜 multipart/form-data 아약스 요청을

var parameters = new FormData(); 
parameters.append("requestType","Import"); 
parameters.append("subRequestType","importScenario"); 
parameters.append("userName",userName); 
... 
    importNow(serverURL, parameters);