binary - 使用 fetch 上传二进制文件

Question

我正在尝试将文件上传到 Zendesk，这是 API：

curl "https://{subdomain}.zendesk.com/api/v2/uploads.json? 
filename=myfile.dat&token={optional_token}" \
-v -u {email_address}:{password} \
-H "Content-Type: application/binary" \
--data-binary @file.dat -X POST

这就是我的代码在文件是File object我从 dropzone 中获取时的样子：

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

fetch(
  "https://{my-domain}.zendesk.com/api/v2/uploads.json?filename=" + file.name,
  {
    method: "POST",
    body: formData
  }
)

问题是最终文件由于WebKitFormBoundary页眉和页脚而损坏。

这是我尝试过的：

1. 将"Content-Type: application/binary"标头设置为 API 所期望的。

2. body在没有FormData（原样）的情况下将文件传递给 fetch 。

3. FileReader.readAsBinaryString在将其传递到身体之前使用。

我的尝试都没有奏效 - 服务器返回错误，我能够创建文件的唯一方法是使用FormDataand 没有任何Content-Type标题，但我没有找到摆脱WebKitFormBoundary页眉和页脚的方法。

例如：

------WebKitFormBoundaryragq26qGRKa2B9Qg
Content-Disposition: form-data; name="file"; filename="README.md"
Content-Type: text/markdown


------WebKitFormBoundaryragq26qGRKa2B9Qg--

Answer 1

以下代码对我有用：

fetch(
  "https://{my-domain}.zendesk.com/api/v2/uploads.json?filename=" + file.name,
  {
   method: "POST",
   body: file,
   headers: {
    "Content-type": file.type
   }
  }
 )