new FormDat() 相关知识点

做文件上传时用到了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)删除数据

posted @ 2019-08-22 11:37  砂糖一椰子  阅读(343)  评论(0编辑  收藏  举报