使用axios发送post请求上传文件(multipartform-data)到后端

项目场景：

后端：实现了一个文件上传服务接口，可以接收前端传递过来的MultipartFile文件，并存储到服务器本地中。
前端：获取type为file的<font>标签中的文件，使用axioshttp请求库，发送post请求，将文件发送给后端。

问题描述

在js中发送上传文件请求的常规代码如下：

• new一个FormData对象，使用append方法将文件添加到表单中

  • FormData专门用于js中发送multipart/form-data格式请求
  • append方法的key为表单中的name属性，即后端需要接收的参数名

  async handleUploadFile(event) {
  const file = event.target.files[0]
  let formData = new FormData()
  formData.append(‘files’, file)
  const res = await service({
  url: ‘/api/files/upload’,
  method: ‘POST’,
  headers: {
  ‘Content-Type’: ‘multipart/form-data’<