typescript FormData
时间: 2024-06-19 17:00:29 浏览: 366
JavaScript程序设计-FormData对象的使用.pdf
TypeScript中的FormData是一种内置对象,用于处理键值对数据,特别适合于发送或接收HTTP请求,尤其是在处理文件上传时。它是浏览器原生支持的,但在TypeScript中,你可以安全地使用它,因为TypeScript为它提供了静态类型支持,可以帮助开发者避免类型错误。
下面是FormData的一些关键特性:
1. **创建FormData**:你可以通过`new FormData()`创建一个新的FormData实例,或者在已有对象上调用其`append()`方法添加数据。
```typescript
const formData = new FormData();
formData.append('key', 'value');
formData.append('file', file, 'filename');
```
2. **键值对**:键通常是字符串(不区分大小写),值可以是字符串、Blob、File、ArrayBuffer等。
3. **处理文件**:它非常适合上传文件,`append()`方法能处理File对象。
4. **遍历数据**:可以使用`entries()`, `keys()`, `values()`方法来迭代FormData中的键值对。
```typescript
for (const [key, value] of formData.entries()) {
console.log(`${key}: ${value}`);
}
```
5. **发送至服务器**:通常在发送Ajax请求时用到,如XMLHttpRequest或fetch API。
```typescript
fetch(url, {
method: 'POST',
body: formData,
}).then(response => response.json());
```
阅读全文