element el-upload文件上传时，mac笔记本无法获取到file.type，就无法校验到上传的文件类型

最新推荐文章于 2025-01-02 16:04:59 发布

Yasuo Man

最新推荐文章于 2025-01-02 16:04:59 发布

阅读量3.3k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： Vue

本文链接：https://blog.youkuaiyun.com/Meraln/article/details/106496479

Vue 专栏收录该内容

16 篇文章

订阅专栏

在使用Element UI的el-upload组件时，遇到问题：在Mac笔记本上，before-upload钩子函数的file回调参数缺失type属性，导致无法校验文件类型。为了解决这个问题，采取了通过校验file.name是否以.xlsx和.xls结尾的方式来判断是否为Excel文件，从而成功实现了文件类型的校验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天项目中碰到了在使用el-upload时，mac笔记本无法获取到钩子函数的before-upload方法中的file回调参数中的type属性，就无法去进行校验，然后就换成了去校验file.name，判断是否以 .xlsx 和 .xls结尾的excel文件

beforeUpload (file: any) {
    const uploadFileSize: boolean = file.size / 1024 / 1024 < 10
    const fileType: boolean = file.name.endsWith('.xlsx') || file.name.endsWith('.xls')
    if (!fileType) {
      this.$message.warning('只能上传excel文件！请重新选择')
      return false
    }
    if (!uploadFileSize) {
      this.$message.warning('文件大小限制10M以内，请修改后再上传！')
      return false
    }
    this.showBtn = false
    return uploadFileSize && fileType
  }