1. // 文件上传
    2. <el-form-item label="上传">
    3.    <el-upload
    4.      class="upload-demo"
    5.      ref="upload"
    6.      action="#"
    7.      :limit="1"
    8.      :http-request="uploadOk"
    9.      :on-preview="handlePreview"
    10.      :before-upload="beforeAvatarUpload"
    11.      :on-remove="handleRemove"
    12.      :file-list="fileList"
    13.      :auto-upload="true">
    14.      <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
    15.      <div slot="tip" class="el-upload__tip">只能上传xls/xlsx文件</div>
    16.    </el-upload>
    17.  </el-form-item>
    19.  // 上传前验证
    20.  beforeAvatarUpload(file) {
    21.    let Xls = file.name.split('.'); 
    22.    if(Xls[1] === 'xls'||Xls[1] === 'xlsx'){
    23.      return file
    24.    }else {
    25.      this.$message.error('上传文件只能是 xls/xlsx 格式!')
    26.      return false
    27.    }
    28.  },
    29.  handleRemove(file, fileList) {
    30.    console.log(file, fileList);
    31.  },
    32.  handlePreview(file) {
    33.    console.log(file);
    34.  },
    35.  // 上传成功
    36.  uploadOk(val){
    37.    let fd = new FormData()
    38.    fd.append('upload_file',val.file)
    39.    fd.append('dir_name','contract')
    40.    // console.log(fd.upload_file)  错误
    41.    // console.log(fd.get("upload_file")  正确
    42.    this.$post('/upload/uploadFile', fd).then((result) => {
    43.      if (result.code == 200) {
    44.        this.$message({
    45.          message: '上传成功',
    46.          type: 'success'
    47.        });
    48.        // 接收excel文件地址
    49.        this.addForm.addurl = result.data.file_url
    50.      }else{
    51.        this.message(result.msg)
    52.      }
    53.    })
    54.  },
    57. // 文件的下载
    58. <template slot-scope="{scope}">
    59.  <span class="row-operate" @click="handleDownload(scope.row)">下载</span>
    60. <template>
    61. // 下载源文件
    62.   handleDownload: function(index, row){
    63.     if(row.contract_file_url == ''){   // row.contract_file_url 文件路径
    64.       this.$message({
    65.         message: '没有源文件',
    66.         type: 'warning'
    67.       })
    68.     }else{
    69.       // 创建a标签 
    70.       let link = document.createElement('a')
    71.       // href链接 
    72.       link.setAttribute('href', row.contract_file_url)
    73.       // 自执行点击事件
    74.       link.click()
    75.     }   
    76.   },
    78.   // 请求接口，转化文件流
    79. this.$get('/documentflow').then(res => {
    80.     let blob = new Blob([res], {type: "application/vnd.ms-excel"}); //res 就是文件流了
    81.     let objectUrl = URL.createObjectURL(blob);
    82.     window.location.href = objectUrl
    83. })