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