码迷,mamicode.com
首页 > 其他好文 > 详细

new FormDat() 相关知识点

时间:2019-08-22 13:19:53      阅读:83      评论:0      收藏:0      [点我收藏+]

标签:数据   document   put   value   word   val   文件   query   eth   

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

new FormDat() 相关知识点

标签:数据   document   put   value   word   val   文件   query   eth   

原文地址:https://www.cnblogs.com/webmc/p/11393419.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!