使用接口进行form表单提交

在做项目中,遇到使用接口提交文件上传,但是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");
原文地址:https://www.cnblogs.com/gopark/p/13419825.html