Ajax XMLHttpRequest를 사용하여 파일 업로드 시 다중 부분 경계 오류를 해결하는 방법은 무엇입니까?

Ajax XMLHttpRequest를 활용한 파일 업로드: 멀티파트 경계 오류 해결

XMLHttpRequest를 사용하여 파일을 전송하려고 하면 다음 오류가 발생할 수 있습니다.

The request was rejected because no multipart boundary was found.

이 오류는 코드에 다중 부분 양식 데이터를 처리하는 올바른 접근 방식이 부족함을 나타냅니다. 이 문제를 해결하기 위해 두 가지 주요 영역을 다루겠습니다:

1. XHR 파일 속성: xhr.file = file; 불필요합니다. 파일 객체를 이런 방식으로 할당하면 안 됩니다.
2. 파일 전송: xhr.send(file) 수정; 파일을 효과적으로 전송하지 못합니다. 대신 FormData 객체를 사용하여 multipart/form-data 페이로드를 구성하세요.

var formData = new FormData();
formData.append("thefile", file);
xhr.send(formData);

FormData를 활용하면 PHP 변수 $_FILES['thefile']를 통해 파일에 액세스할 수 있습니다.

이 주제에 대한 추가 지침은 MDC 및 Mozilla Hack의 문서와 데모를 참조하세요.

이전 잘못된 제안:

이전 답변에서는 다음과 같이 잘못 명시했습니다. xhr.send(파일); 원시 게시물 데이터를 전송합니다. 파일을 보내는 동안 서버에서 적절한 구문 분석을 보장하려면 FormData를 사용하는 것이 중요합니다. 따라서 원하는 기능을 구현하려면 위의 수정이 중요합니다.

위 내용은 Ajax XMLHttpRequest를 사용하여 파일 업로드 시 다중 부분 경계 오류를 해결하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!