帶有 fetch 或 XMLHttpRequest 的 HTTP PUT 文件/BLOB

Question

是否可以使用fetch上傳文件？ 我不是在談論FormData ，但我想成為HTTP PUT的實際主體的文件，而Content-Type是正確的 ContentType？

如果使用fetch無法實現，那么使用XMLHttpRequest是否可以？ 此代碼對我不起作用（事件是drop事件）：

fetch('/foo', {
  method: 'PUT',
  body: event.dataTransfer.files[0],
});

編輯：

我專門談論文件上傳。 如果body是文本，這確實有效，但如果它是FILE / BLOB則無效！

Answer 1

您可以只創建表單數據，例如：

const body = new FormData();
const file = event.dataTransfer.files[0];
body.append('files', file , file.name);

fetch('/foo', {
  method: 'PUT',
  body
});

但是，如果您只想直接發送數據，則必須更改標頭並使用Blob ：

const body = new Blob(event.dataTransfer.files, { type: 'application/octet-stream' });

fetch('/foo', {
  method: 'PUT',
  headers: new Headers({ 'Content-Type': 'application/octet-stream' }),
  body
});