element文件上传

<el-dialog
      title="Import"
      :visible.sync="fileUploadDialogVisible"
      width="45%"
    >
      <el-form :model="importForm" ref="fileUploadForm" :inline="true">
        <el-upload
          action
          :http-request="getFile"
          :limit="1"
          accept=".xls, .xlsx"
          :show-file-list="false"
          :file-list="fileList"
        >
          上传附件：
          <el-button class="blueBtn" @click="showImportDailog"
            >Import</el-button
          >
        </el-upload>
        <table v-if="fileName" style="margin: 10px">
          <tbody>
            <tr>
              <th style="width:75%; text-align:left">
                <span class="el-icon-document-delete">{{ fileName }}</span>
              </th>
              <th style="width:25%">
                {{ fileTime | dataFormat("YYYY-MM-DD") }}
              </th>
              <th style="width:5%">
                <i class="el-icon-close" @click="deletfile"></i>
              </th>
            </tr>
          </tbody>
        </table>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button
          class="canceldialogformBtn"
          @click="fileUploadDialogVisible = false"
          >Cancel</el-button
        >
        <el-button class="submitdialogformBtn" @click="fileUploadOk()"
          >OK</el-button
        >
      </div>
    </el-dialog>

 getFile(params) {
      this.fileName = params.file.name;
      this.fileTime = params.file.lastModified;
      const form = new FormData();
      form.append("myFile", params.file);
      this.fileUploadForm = form;
    },
    deletfile() {
      this.fileName = "";
      this.fileList = []; //删除时必须清空，否则再次上传不执行getFile方法
    },
    fileUploadOk() {
      // return false
      // if (this.importForm) {
      //   Object.keys(this.importForm).forEach(key => {
      //     fileUploadForm.append(key, this.importForm[key]);
      //   });
      // }
      const fileName = this.fileUploadForm.get("myFile").name;
      const fileSuffix = fileName.substring(fileName.lastIndexOf(".") + 1);
      console.log(fileSuffix);
      const whiteList = ["xls", "xlsx"];

      if (whiteList.indexOf(fileSuffix) === -1) {
        this.$message.error("上传文件只能是xls、xlsx格式");
        return false;
      }

      this.$http
        .myPostForm(this.$api.CashIoImportUrl, this.fileUploadForm)
        .then(res => {
          if(res.data.code == 200){
            this.$message.success(res.data.msg)
            this.fileUploadDialogVisible = false;
            this.ajaxData()
          }else{
            this.$message.error(res.data.msg)
          }
        })
        .catch(err => console.log(err));
    },