javascript - 使用 Javascript Fetch API 时动态更新内容类型 header

Question

我正在尝试使用 JavaScript Fetch API 发送一个 http POST 请求。到目前为止我所得到的看起来像这样(以 TypeScript 表示法):

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);

假设this.file是 .xls或 .xlsx使用 <input type="file"> 上传的 Excel 文件，如何填充 boundary= Content-Type 的一部分调用 fetch 时动态 header ？

在 POSTMAN 中执行相同的操作时，边界会自动设置，但我不知道如何设置。

Answer 1

我找到了核心问题 - 将文件本身作为正文传递。我就是这样解决的:

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

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