el-upload上传之前的校验

`el-upload` 是 Element UI 中用于文件上传的组件，它支持文件的拖拽、选择以及上传前的校验。在文件上传之前进行校验是一个重要的步骤，确保上传的文件符合业务需求，比如文件大小、类型等。在 `el-upload` 组件中，可以通过添加 `before-upload` 事件来实现上传前的校验。

下面是一个简单的示例代码，展示了如何在 Vue 中使用 `el-upload` 组件，并添加上传前的校验：

<template>
  <el-upload
    action="上传接口地址"
    :before-upload="beforeUpload">
    <el-button size="small" type="primary">点击上传</el-button>
  </el-upload>
</template>

<script>
export default {
  methods: {
    beforeUpload(file) {
      const isLt2M = file.size / 1024 / 1024 < 2; // 文件大小限制为小于2MB
      const isJPG = file.type === 'image/jpeg'; // 文件类型限制为JPG

      if (!isLt2M) {
        this.$message.error('文件大小不能超过 2MB!');
        return false;
      }
      if (!isJPG) {
        this.$message.error('请选择 JPG 格式图片!');
        return false;
      }
      return true;
    }
  }
}
</script>

在 `before-upload` 方法中，可以通过返回 `true` 来允许上传，或者返回 `false` 来阻止上传，并通过调用 Vue 实例的 `$message` 方法显示相应的错误提示信息。