formData详解

FormData 接口提供了一种表示表单数据的键值对 key/value 的构造方式，并且可以轻松的将数据通过 XMLHttpRequest.send() 方法发送出去，本接口和此方法都相当简单直接。如果送出时的编码类型被设为 "multipart/form-data" ，它会使用和表单一样的格式。

用处

form-data格式一般是用来进行文件上传的；

构造函数

FormData()

创建一个新的 FormData 对象。

const formData = new FormData 

方法

FormData.append()

向 FormData 中添加新的属性值，FormData 对应的属性值存在也不会覆盖原值，而是新增一个值，如果出行不存在则新增一项属性值。

FormData.delete()

从 FormData 对象里面删除一个键值对。

FormData.entries()

返回一个包含所有键值对的 iterator 对象。
可以用来查看formData中的值

image.png

FormData.get()

返回在 FormData 对象中与给定键关联的第一个值。

FormData.getAll()

返回一个包含 FormData 对象中与给定键关联的所有值的数组。

image.png

FormData.keys()

返回一个包含所有键的 iterator 对象。

FormData.set()

给 FormData 设置属性值，如果 FormData 对应的属性值存在则覆盖原值，否则新增一项属性值。

FormData.values()

返回一个包含所有值的 iterator 对象。

FormData()

语法

var formData = new FormData(form)

你可以使用 FormData.append 来添加键/值对到表单里面；

formData.append('username','Chris');