formdata是浏览器提供的WebAPI,用于构造表单数据格式的键值对,特别适合用于文件上传和表单数据提交。
formdata对象提供了一种简单方式来构造一组表示表单字段及其值的键值对,可以通过xmlhttprequest或fetch API发送这些数据。
创建formdata对象
const formData = new FormData()
常用方法
1.append()添加字段
formData.append('username','yq')
formData.append('avatar',fileInput.files[0])//添加文件
formData.append('username','json')可以添加多个同名字段
2.set()设置字段(会覆盖同名字段)
formData.set('username','aclice')
3.get()获取字段
const username = formData.get('username')//返回第一个匹配的值
4.getAll()获取所有同名字段的值
const hobbies = formData.getAll('username'); // 返回数组
5.has()检查是否包含某字段
6.delete()删除字段
7.entries()获取所有键值对的迭代器
if (formData.has('username')) {
console.log('包含此字段');
}
formData.delete('hobbies'); // 删除所有hobbies字段
for (const [key, value] of formData.entries()) {
console.log(key, value);
}