FormData使用方法

Posted 2022-07-13 loveer

FormData的主要用途

1. 将form表单元素的name与value进行组合，实现表单数据的序列化，从而减少表单元素的拼接，提高工作效率。
2. 异步上传文件

注：FormData 对象的字段类型可以是 Blob, File, 或者 string: 如果它的字段类型不是Blob也不是File，则会被转换成字符串。

使用

//通过FormData构造函数创建一个空对象
var formdata=new FormData();

//可以通过append()方法来追加数据
formdata.append("name","laotie");

formData.append(name, value);
formData.append(name, value, filename);

参数：
name：表单name，
value：表单value，
filename：传给服务器的文件名称 
当一个 Blob 或 File 被作为第二个参数的时候， Blob 对象的默认文件名是 "blob"，File 对象的默认文件名是该文件的名称。

//获取
formdata.get("name");    //laotie
getAll() 方法：getAll()方法会返回该 FormData 对象指定 key 的所有值。

//通过set方法对值进行设置
formdata.set("name","laoliu");

//删除
formdata.delete('name')