jQuery AJAX를 사용하여 파일을 업로드할 수 있습니까? 그리고 방법은 무엇입니까?

JQuery Ajax를 사용하여 POST를 사용하여 파일을 업로드할 수 있나요?

제공된 jQuery 코드로는 AJAX를 통한 파일 업로드가 불가능합니다. 답변에서 알 수 있듯이 AJAX를 통해 직접 파일을 업로드할 수는 없습니다.

그러나 XHR2의 등장으로 FormData 개체를 사용하여 AJAX를 통한 파일 업로드가 가능해졌습니다. 이 기능이 작동하려면 다음과 같이 FormData를 지원하는 브라우저를 사용해야 합니다.

• IE 10
• Firefox 4.0
• Chrome 7
• 사파리 5
• 오페라 12

파일 업로드에 FormData를 사용하도록 코드를 수정하는 방법은 다음과 같습니다.

var formData = new FormData();
formData.append('file', fileObject); // Replace 'fileObject' with your file input element

$.ajax({
    type: "POST",
    timeout: 50000,
    url: url,
    data: formData, // Use formData instead of dataString
    processData: false, // Prevents jQuery from converting formData to a string
    contentType: false, // Tells jQuery not to set any content type header
    success: function (data) {
        alert('success');
        return false;
    }
});

이 수정된 코드에서는 FormData 객체를 생성하고 여기에 파일을 추가한 다음 jQuery가 데이터를 올바르게 처리할 수 있도록 processData 및 contentType을 false로 설정하세요.

위 내용은 jQuery AJAX를 사용하여 파일을 업로드할 수 있습니까? 그리고 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!