后台管理导入功能el-upload

以下纯为个人纪录

<el-col :span="1.5">
              <el-upload class="upload-demo" action="" :on-change="handleImportScaleTable" :show-file-list="false"
                         :auto-upload="false">
                <el-button
                  type="success"
                  plain
                  icon="el-icon-upload"
                  size="mini"
                  v-hasPermi="['scale:scale:import']"
                >导入
                </el-button>
              </el-upload>
            </el-col>

  //导入excel表格
    handleImportScaleTable(files) {
      const fileName = files.name;
      const fileType = fileName.substring(fileName.lastIndexOf('.') + 1)
      if (files.raw) {
        if (fileType === 'xlsx' || fileType === 'xls') {
          this.submitLoading = true;
          let fd = new FormData();
          fd.append('excelFile', files.raw);
          importScaleTable(fd).then(res => {
            this.scaleTest = res.data;
            this.submitLoading = false;
            for (var i = 0; i < this.scaleTest.length; i++) {
              if (this.scaleTest[i]['type'] == 1) {
                this.type = 1;
              } else {
                this.type = 2;
              }
            }
          })
        } else {
          this.$message({
            type: 'error',
            message: '文件格式错误，请重新上传'
          })
        }
      } else {
        this.$message({
          type: 'error',
          message: '请上传文件'
        })
      }
    },

上传后预览为