jQuery Ajax를 사용하여 파일 업로드 양식을 제출하는 방법은 무엇입니까?

jQuery 직렬화를 사용한 파일 업로드

jQuery 직렬화 기능을 사용하여 Ajax를 통해 제출하는 양식이 있습니다. 그러나 양식에 필드. 직렬화된 양식 데이터에는 파일이 포함되지 않으며 $_FILES를 인쇄하면 빈 결과가 나타납니다.

해결책: FormData 개체 사용

이 문제를 해결하려면 FormData 개체를 활용할 수 있습니다. 파일 입력을 포함한 모든 양식 유형과 호환됩니다. 구현 방법은 다음과 같습니다.

$(document).on("submit", "form", function(event) {
    event.preventDefault();
    $.ajax({
        url: $(this).attr("action"),
        type: $(this).attr("method"),
        dataType: "JSON",
        data: new FormData(this),
        processData: false,
        contentType: false,
        success: function (data, status) {

        },
        error: function (xhr, desc, err) {
            
        }
    });        
});

FormData 객체를 사용하면 Ajax 요청에서 다른 양식 데이터와 함께 파일을 전달할 수 있습니다. processData 및 contentType 옵션은 false로 설정되어 jQuery가 데이터 및 콘텐츠 유형을 처리하는 것을 방지하고 브라우저가 양식 제출을 올바르게 처리할 수 있도록 합니다.

위 내용은 jQuery Ajax를 사용하여 파일 업로드 양식을 제출하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!