new FormDat() 相关知识点

Posted 2022-08-14 webmc

做文件上传时用到了formData 对象，特此整理总结一下

FormData 对象的使用：

1.用一些键值对来模拟一系列表单控件：即把form中所有表单元素的name与value组装成
一个queryString
2. 异步上传二进制文件。

//表单示例
<form id="Form" action="" method="post">
    <input type="text" name="name">名字
    <input type="password" name="psw">密码
    <input type="submit" value="提交">
</form>

//方法示例
// 获取页面已有的一个form表单
var form = document.getElementById("Form");
// 用表单来初始化
var formData = new FormData(form);

操作方法

1.获取值　　　　　　通过.get(key)/.getAll(key)来获取对应的value

2 添加数据　　　　   通过.append(key, value)来添加数据，如果指定的key不存在则会新增一条数据，如果key存在，则添加到数据的末尾

3.设置修改数据　　　.set(key, value)来设置修改数据，如果指定的key不存在则会新增一条，如果存在，则会修改对应的value值

4.判断是否存在对应数据　　　　.has(key)来判断是否对应的key值

5.删除数据　　　　     .delete(key)删除数据