优秀的编程知识分享平台

网站首页 > 技术文章 正文

JavaScript FormData 对象(js的form)

nanyue 2024-07-20 00:10:23 技术文章 12 ℃

下面的代码创建了一个空的 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);
};
最近发表
标签列表