使用vue simple uploader做上传文件类型的拦截判断

问题遇到的现象和发生背景

想用Vue simple uploader做一个文件上传的功能,只允许csv和excel文件,但发现上传什么文件都不行

问题相关代码,请勿粘贴截图

html代码

<uploader
        ref="uploader"
        v-loading="loading"
        element-loading-text="正在上传"
        :options="options"
        :autoStart="false"
        :file-status-text="fileStatusText"
        @file-added="onFileAdded"
        @file-success="onFileSuccess"
        @file-progress="onFileProgress"
        @file-error="onFileError"
        @file-removed="fileRemoved"
        class="uploader-ui"
    >
      <uploader-unsupport></uploader-unsupport>
      <uploader-drop>
        <div>
          <uploader-btn
              id="global-uploader-btn"
              ref="uploadBtn"
              v-show="!fileSuccess"
          >
            选择文件
            <i class="el-icon-upload el-icon--right"></i>
          </uploader-btn>
        </div>
      </uploader-drop>
      <uploader-list></uploader-list>
    </uploader>

js

onFileAdded(file) {
      this.loading = true;
      if (
          [
            "text/csv",
            "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
          ].indexOf(file.fileType) === -1
      ) {
        this.$message.error("请上传正确的格式");
        file.ignored = true;
      } else {
        this.$message.success("文件格式验证成功!");
        this.$emit("checkFileSuccess", file);
      }
      this.loading = false;
      // videoApi.checkVideoName(file.name).then(response => {
      //     console.log(response)
      //     this.$message.success('文件名称验证' + response.data.msg)
      //     this.$emit('checkFileSuccess', file)
      // }).catch((error) => { 
      //     file.cancel()
      //     console.log('error', error)
      //     this.$message.error('出现文件重名问题,请更换文件名后重试 (' + error.msg + ')')
      // })
    }

运行结果及报错内容
我的解答思路和尝试过的方法

觉得应该是csv或者是excel的content-type不正确,因为试过视频的格式是可以的

我想要达到的结果

你用的是element组件库吗?

一般这种上传组件都会提供类似 accept 属性用于拦截的

你可以看onFileAdded函数中,先输出file.fileType看下,然后上传csv和excel文件,看下它们的file.fileType是什么样的,再将这两者的file.fileType替换掉你原先的

[
            "text/csv",
            "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
          ]