Content-Type为application/octet-stream时的文件上传格式疑问

已知接口提供的curl请求示例如下：

curl \
    -X PUT \
    -H 'Content-Type: application/octet-stream' \
    -H 'Content-Disposition: attachment; filename=file.pdf' \
    --upload-file my-file \
    https://storage.google.apis.com/…..

该接口用于更新图片，目前仅持有base64格式的图片数据，针对以下两个疑问给出解答：

1. 是否应直接将base64字符串作为请求体，还是需要解析为二进制格式？ #

不能直接传base64字符串。curl的--upload-file是直接上传文件的原始二进制内容，结合Content-Type: application/octet-stream的要求，接口期望接收的是原始二进制数据流，而非base64编码的字符串。

如果直接把base64字符串作为请求体发送，接口会将其当成普通文本处理，无法正确解析为图片文件。正确做法是先将base64字符串解码为二进制格式（比如Blob或ArrayBuffer），再作为请求体发送。示例代码如下：

const dummyBase64Image = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABjElEQVRIS+2VvUoDQRSGv9V2';

// 移除base64前缀，提取纯编码内容
const base64Content = dummyBase64Image.replace(/^data:image\/png;base64,/, '');
// 解码为Uint8Array
const byteCharacters = atob(base64Content);
const byteNumbers = new Array(byteCharacters.length);
for (let i = 0; i < byteCharacters.length; i++) {
  byteNumbers[i] = byteCharacters.charCodeAt(i);
}
const byteArray = new Uint8Array(byteNumbers);
// 转为Blob对象
const blob = new Blob([byteArray], { type: 'image/png' });

fetch('https://storage.google.apis.com/…', {
  method: 'PUT',
  headers: {
    'Content-Type': 'application/octet-stream',
    'Content-Disposition': 'attachment; filename="dummy.png"'
  },
  body: blob,
})
// 后续回调处理
.then(response => response.json())
.catch(error => console.error(error));

2. 仅根据curl示例和Content-Type: application/octet-stream，能否确定请求体只能是二进制数据，而非含指定字段的对象？ #

可以确定不能传含指定字段的对象。application/octet-stream表示请求体是无结构的二进制数据流，接口只会读取原始的二进制内容，不会解析JSON或键值对结构。

如果把base64字符串包在对象里作为请求体，浏览器会自动将对象转换为字符串"[object Object]"发送，这完全不符合接口预期，会导致接口无法识别图片数据。因此请求体必须直接传递二进制数据（Blob/ArrayBuffer等），不能用对象包裹。

内容的提问来源于stack exchange，提问作者sempraEdic