formData.append 怎么用
时间: 2024-10-15 12:20:37 浏览: 23
`FormData` 对象在 JavaScript 中用于构造 HTTP 请求时携带键值对数据,特别是二进制数据,如文件。`append` 方法就是向这个对象添加一个新的条目。使用它的一般步骤如下:
```javascript
// 创建一个新的 FormData 实例
let formData = new FormData();
// 添加一个字段,可以是文本字符串或文件对象
// 第一个参数是字段名,第二个参数是字段值(如果是文件,通常是 File 类型)
// 第三个参数是字段的描述(通常不是必需的)
formData.append('keyName', 'textValue', 'description');
// 或者直接添加文件对象
let file = document.getElementById('fileInput').files[0]; // 获取用户选择的文件
formData.append('image', file, file.name);
// 当你想发送包含文件的表单数据到服务器时,就将 formData 作为 request 的 body 参数
axios.post('/upload', formData)
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
在实际操作中,`append` 的第一个参数可以根据需求自定义,例如上传多个文件时,可以用数组存储文件,然后遍历添加。
阅读全文