使用 Javascript Fetch API 时动态更新内容类型标头答案

【问题标题】：Dynamically update content-type header when using Javascript Fetch API使用 Javascript Fetch API 时动态更新内容类型标头
【发布时间】：2018-04-09 12:44:00
【问题描述】：

我正在尝试使用 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 是使用<input type="file"> 上传的.xls 或.xlsx Excel 文件，如何在调用提取时动态填充Content-Type 标头的boundary= 部分？

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

【问题讨论】：

问题因重复标记错误而重新发布，因为重复的问题往往会被忽略。
stackoverflow.com/questions/3508338/… 这就是为什么他们说它是重复的
这不是他们所说的重复问题。那个也不是重复的。

标签： javascript excel multipartform-data content-type fetch-api

【解决方案1】：

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

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

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

【讨论】：