调用elementui的文件上传,如何判断文件上传的类型

在调用 Element UI 的文件上传组件时，可以通过设置 `before-upload` 属性来判断文件上传的类型。下面是一个示例：

<template>
  <el-upload
    action="/upload"
    :before-upload="handleBeforeUpload"
  >
    <el-button>点击上传</el-button>
  </el-upload>
</template>

<script>
export default {
  methods: {
    handleBeforeUpload(file) {
      const fileType = file.type // 获取文件类型
      if (fileType !== 'image/jpeg' && fileType !== 'image/png') {
        this.$message.error('只能上传 JPG/PNG 格式的图片')
        return false // 阻止文件上传
      }
      return true // 允许文件上传
    }
  }
}
</script>

在上述代码中，我们通过设置 `before-upload` 属性来绑定一个处理函数 `handleBeforeUpload`。在该函数中，我们可以通过 `file.type` 获取到文件的 MIME 类型，然后根据需要进行判断。

在示例中，我们判断文件类型是否为 `image/jpeg` 或 `image/png`，如果不是，就显示错误提示并返回 `false` 来阻止文件上传；如果是，则返回 `true` 来允许文件上传。

你可以根据实际需求修改判断条件和错误提示信息。