<el-upload
  class="upload-demo"
  action="https://jsonplaceholder.typicode.com/posts/"
  multiple
  :auto-upload="false"
  :file-list="fileList"
  :on-change="fileChange">
  <el-button type="primary">導(dǎo)入</el-button>
</el-upload>

fileChange(file,fileList){
  console.log(file,'file')
  console.log(fileList,'fileList')
}

fileChange(file,fileList){
  console.log(file,'file')
  console.log(fileList,'fileList')
  let url = 'xxx'  //后端服務(wù)器API
  let headers = {
    'Content-Type':'multipart/form-data'   //自定義上傳時，該請求頭參數(shù)必填
  }
  let formData = ''
  for(let i = 0;i < fileList.length;i++){  //遍歷文件數(shù)組，fileList有可能存在多個文件
    formData = new FormData()
    formData.append('name',fileList[i].name)
    formData.append('type','.xlsx')
    formData.append('file',fileList[i].raw)
  }
  this.$axios({
    headers: headers,
    method: 'post',
    data: formData,
    url: url,
    responseType:'blob'   //該參數(shù)必填，不然下載下來的excel表會提示文件損壞，無法打開
  }).then(res=>{
    if(res && res.data.size == 0){
      //若后臺不返回流，說明全部數(shù)據(jù)導(dǎo)入成功，提示“導(dǎo)入成功”，不自動下載
      return
    }
    //如果后臺返回流，說明部分?jǐn)?shù)據(jù)導(dǎo)入失敗，則自動下載導(dǎo)入失敗數(shù)據(jù)的excel表
    let name = '導(dǎo)入失敗數(shù)據(jù).xlsx'     //自定義下載excel表名
    let blob = new Blob([res.data])
    let url = window.URL.createObjectURL(blob)
    let aLink = document.createElement('a')
    aLink.style.display = 'none'
    aLink.href = url
    //download 屬性定義了下載鏈接的地址。href 屬性必須在 <a> 標(biāo)簽中指定。
    aLink.setAttribute('download',name) 
    document.body.appendChild(aLink)
    aLink.click()
    document.body.removeChild(aLink)
    window.URL.revokeObjectURL(url)
    //下載結(jié)束之后可以執(zhí)行其他操作，如刷新列表、友好提示等
  })
}