FormData 객체를 사용하면 서버가 빈 POST를 수신합니다.

Question

FormData 객체를 사용하여 파일 하나와 텍스트 변수 하나를 내 서버로 보내려고합니다. Chrome의 개발자 도구에서 네트워크 탭을 보면 파일과 변수가 전송되고 있음을 알 수 있습니다. 그러나, $ _POST 및 $ _FILES 변수에 var_dump() 시도하고 모두 빈 배열로 표시됩니다. 여기에서 나는 양식 사용하고 코드입니다 :

var image_upload = document.getElementById("image_upload"); 

if(image_upload.value == '') 
{ 
    alert("Please select a file to upload."); 
} 
else 
{ 
    alert("in"); 
    var ajaxHandler = new XMLHttpRequest(); 
    var content = image_upload.files[0]; 
    var formData = new FormData(); 
    formData.append("type", "5"); 
    formData.append("content", content) 

    ajaxHandler.onreadystatechange = function() { 
     if(ajaxHandler.readyState == 4) 
     { 
     alert(ajaxHandler.responseText); 
     } 
    }; 

    ajaxHandler.open("POST", "newCard", false); 
    ajaxHandler.setRequestHeader("Content-type","multipart/form-data"); 
    ajaxHandler.send(formData); 
} 

내가 함께 및 콘텐츠 유형에 "문자셋 = UTF-8"없이이 코드를 시도, 변화를하지 않는 것. 무슨 일 이니?

Answer 1

코드에서 ajaxHandler.setRequestHeader("Content-type","multipart/form-data");을 제거하십시오. 적절한 multipart/form-data 헤더는 경계 문자열을 포함해야합니다. FormData에 파일을 추가하면 브라우저가 해당 헤더를 자동으로 설정합니다.