vue elementui 手动上传文件

html

<el-upload
            ref="upload"
            class="upload-demo"
            action="#"
            accept=".xlsx, .xls"
            :auto-upload="false" //取消自动上传
            :on-success="onSuccess"
            :on-change="handleChange"
          >

import {uploadExcel} from '@/api/home.js'
handleChange(file) {
      console.log(file)
      this.uploadFile = file.raw
      console.log(file, this.uploadFile)
       if (this.uploadFile) {
        const form = new FormData()
        form.append('file', this.uploadFile, this.uploadFile.name)
        uploadExcel(form).then(res => {
          if (res.code === 200) {
            console.log(res)
          }
        })
      }
    },

api

// 公共api
import request from '@/utils/request'
// 上传单个文件到临时文件夹
export function uploadExcel(data) {
  return request({
    url: '/common/temporary',
    method: 'post',
    headers: { 'Content-Type': 'multipart/form-data' },
    data
  })
}