axios使用fordata上传文件

---

一、FormData的作用

• FormData提供一种表示表单数据的键值对的构造方式实现表单数据的序列化从而减少表单元素的拼接提高工作效率
• 存储格式是kv对的形式

二、使用步骤

1.获取file文件数据

1. 使用input标签拿到上传文件的数据
2. 使用elementUI的上传文件组件

2.读入数据

如何发起请求将文件数据上传给后端
接口

// 具体接口根据后端接口文档来写
export function fileUploads(query, data) {
  return request({
      url: '路径',
      method: 'post',
      params: query,//其他一些参数可以使用params接收
      data: data//formData需要使用data来接收
  })
}

let formData = new FormData();
formData.append("后台提供的键", file文件数据);
fileUploads(
	{id:1,name:'王五'},
	formData
	).then(res=>{})

FormData对象的相关常用方法

查看这边文章