Javascript Fetch API를 사용할 때 콘텐츠 유형 헤더를 동적으로 업데이트

Question

JavaScript 가져 오기 API를 사용하여 http POST 요청을 보내려고합니다. 내가 지금까지있어하는 것은 (타이프 표기) 다음과 같습니다

const fetchHeaders = new Headers(); 
fetchHeaders.append("Content-Type", "multipart/form-data; boundary=???"); 

const fetchOptions: RequestInit = { 
    method: "Post", 
    body: this.file, 
    headers: fetchHeaders 
} 

await fetch("uri", fetchOptions); 

이 중 하나 .xls 또는 .xlsx Excel 파일 내가 Content-Type 헤더의 boundary= 부분을 채우는 어떻게하는 <input type="file">을 사용하여 업로드 this.file이라고 가정하면 가져 오기가 호출 될 때 동적으로?

POSTMAN에서 이와 동일한 작업을 수행 할 때 경계가 자동으로 설정되므로 어떻게 처리 할 수 ​​있는지 알 수 없습니다.

Answer 1

핵심 문제를 알아 냈습니다. 파일 자체를 본문으로 전달했습니다. 이것은 내가 어떻게 해결 했는가이다 :

const formData = new FormData(); 
formData.append("file", this.file, this.file.name); 

const fetchOptions: RequestInit = { 
    method: "Post", 
    body: formData 
}