JavaScript FormData 对象

寒笛过霜天 09-09 220

前言：

如今姐妹们对“js的formdata”大概比较注意，朋友们都需要知道一些“js的formdata”的相关文章。那么小编也在网上汇集了一些有关“js的formdata””的相关资讯，希望咱们能喜欢，咱们一起来学习一下吧！

下面的代码创建了一个空的 FormData 对象：

var formData = new FormData(); // Currently empty

FormData.append()

FormData 接口的 append() 方法会添加一个新值到 FormData 对象内的一个已存在的键中, 如果键不存在则会添加该键。

你可以通过 FormData.append 往对象里加入键值对：

formData.append('username', 'Chris');formData.append('userpic', myFileInput.files[0], 'chris.jpg');

跟常规表单数据一样，你可以使用同一个名称添加多个值。例如 (为了与PHP命名习惯一致在名称中添加了[])：

formData.append('userpic[]', myFileInput1.files[0], 'chris1.jpg');formData.append('userpic[]', myFileInput2.files[0], 'chris2.jpg');

实例: 如何清空FormData对象的数据?

var formData = new FormData();formData.append('key', 'value');for (var key of formData.keys()){    formData.delete(key);};