el-upload添加必输检验

要在 el-upload 中添加必输检验，你可以使用 before-upload 属性和自定义验证函数。

首先，添加一个 before-upload 属性到 el-upload 组件上，并绑定一个自定义的上传前验证函数。例如：

<el-upload
  :before-upload="beforeUpload"
  ...
>
  ...
</el-upload>

然后，在 Vue 实例中定义 beforeUpload 函数。该函数应该返回一个 Promise 对象，以便在验证完成后可以继续上传。

methods: {
  beforeUpload(file) {
    // 检查文件是否为空
    if (!file) {
      this.$message.error('请选择文件')
      return Promise.reject()
    }
    // 检查文件类型是否符合要求
    if (!/.(jpg|jpeg|png)$/.test(file.name.toLowerCase())) {
      this.$message.error('只能上传 JPG/PNG 格式的图片')
      return Promise.reject()
    }
    // 检查文件大小是否符合要求
    if (file.size / 1024 / 1024 > 2) {
      this.$message.error('文件大小不能超过 2MB')
      return Promise.reject()
    }
    // 验证通过，继续上传
    return Promise.resolve()
  }
}

在自定义验证函数中，你可以添加任意的验证逻辑，根据需要返回 Promise.reject() 或 Promise.resolve()。

这样，在上传前，如果自定义验证函数返回 Promise.reject()，则上传将被取消，并且错误消息将被显示。如果自定义验证函数返回 Promise.resolve()，则上传将继续进行。