vue3的el-upload后端带参数上传文件

首先如果你是后端带参数则不能使用element-ui的action，这里我使用的on-change

<el-upload
  class="avatar-uploader"
  :on-change="changeFile"
  :show-file-list="false"
  :before-upload="beforeAvatarUpload"
></el-upload>

我们再来看后端的参数格式

也就是说这里我们需要生成一个formdata。onchange是会返回一个file的，打印一下，就知道这里真正的数据是raw.

(formData是一个键值对，append则是添加一个键值对，file是key，file.raw是value)

const changeFile = async (file: any) => {
  let formData = new FormData()
  formData.append('file', file.raw)
  let result: any = await uploadFile(formData)
  if (result.code == 200) {
    //
  }
}

// 上传文件
export const uploadFile = (file: any) => request.post(API.UPLOAD_URL, file)