JavaScript 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);
};