vue excel上传判断(解决mac上传type为空的问题)

按钮

      <el-upload
                        class="upload-demo flex"
                        drag
                        action="api/importExcel"
                        :limit="1"
                        :file-list="fileList"
                        :show-file-list="false"
                        :http-request="beforeAvatarUpload"
                        :data="ruleForms"
                        multiple
                      >
                        <div class="upload-img-panel flex-center">
                          <img
                            src="@/images/common/blue_upload_icon.png"
                            class="upload-img"
                            alt=""
                          />
                        </div>
                        <div class="el-upload-text">
                          将文件拖到此处，或点击上传
                        </div>
                      </el-upload>

js

//fileList  与 file 与 fileName 都需要在return中声明
beforeAvatarUpload(file) {
      this.fileList = [];
      //获取文件名后缀
      const fileType =
        file.file.name.endsWith(".xlsx") || file.file.name.endsWith(".xls");
      if (fileType) {
        this.file = file.file;
        console.log(file.file, "文件");
        this.fileName = file.file.name;
      } else {
        this.$message({
          message: "请上传正确文件",
          type: "warning",
        });
      }
    },