# Fetch 如何上传文件

URL: https://caijiao.org/how-to/javascript/upload-file-fetch
Source: docs/how-to/javascript/upload-file-fetch.md
Description: Fetch 如何上传文件：用 FormData 放入 File 对象，不要手动设置 multipart Content-Type。 示例可直接复制到浏览器或项目代码中，并附相关教程、工具入口。

## 快速答案

用 FormData 放入 File 对象，不要手动设置 multipart Content-Type。

```js
const form = new FormData();
form.append('file', fileInput.files[0]);
await fetch('/upload', { method: 'POST', body: form });
```

## 使用要点

- 请求代码要区分网络异常、HTTP 非 2xx 和业务错误码。
- 上传文件时让浏览器自动设置 multipart 边界，下载 Blob 后及时释放对象 URL。

## 相关内容

- [JavaScript / TypeScript 问题](/how-to/javascript/)
- [JavaScript 教程](/javascript/)
- [TypeScript 教程](/ts/)
- [JSON Formatter](/tool/json-formatter)
- [JSON Validator](/tool/json-validator)