jQuery FormData使用方法
欢迎光临我的博客[http://poetize.cn],前端使用Vue2,聊天室使用Vue3,后台使用Spring Boot
FormData的主要用途
- 将form表单元素的name与value进行组合,实现表单数据的序列化,从而减少表单元素的拼接,提高工作效率。
- 异步上传文件
注: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')