vue+element ui el-upload覆盖默认的上传行为，可以自定义上传的实现

1.vue页面视图

http-request覆盖默认的上传行为，可以自定义上传的实现; : 即绑定;但action属性不能去掉.

<el-upload
    action="string"
    :http-request="handleImport"
    multiple
    :limit="1"
    :on-exceed="handleExceed"
    :file-list="fileList"
    accept=".xls,.xlsx"
    :show-file-list="true">
       <el-button size="middle" type="warning" icon="el-icon-upload">导入审计对象信息调查表</el-button>
</el-upload>

2.methods方法里

aoiImport封装的接口方法

handleImport(file) {
      const params = new FormData()
      params.append('file', file.file)
      aoiImport(params).then((res) => {
        this.$message.success('导入成功')
        this.toolsChange(this.toolsChangeID)
      }).catch(() => {
        this.$message.error('导入失败!')
      })
},

3.封装接口方法

必须加上headers: {‘content-type’: ‘multipart/form-data’}

export function aoiImport(data) {
  return request({
    url: '',
    method: 'post',
    data,
    headers: {
      'content-type': 'multipart/form-data'
    }
  })
}