在做项目中,遇到使用接口提交文件上传,但是ui库提供的upload只是一个组件,那么就需要从这个组件中获取上传的文件,然后使用FormData构造函数,将其转换为formdata格式的数据,可以是用接口提交文件上传了。
const formDataBinary = new FormData(); formDataBinary.append("nameFile","fjdgjerotjfgajgreutowejgaefasdg");
以此学习一些FormData的使用:
1、介绍一下FormData的作用
a、用一些键值对来模拟一系列表单控件:即将form表单中的所有元素的name和key组装成一个queryString
b、异步上传二进制文件
2、使用
a、FormData对象的操作方法,全部在原型中,自己本身并没有人任何的属性和方法
var fromData = new FormData(); fromData.append('name','xiaoming'); // 添加数据 formData.get('name'); // 获取数据 fromData.delete(name''); // 删除数据
b、使用FormData发送文件,获取文件之后需要使用append方法将文件转换成二进制数据,请求中的data就直接写fromData处理过的数据
const formDataBinary = new FormData(); formDataBinary.append("nameFile","fjdgjerotjfgajgreutowejgaefasdg");