vue el-upload校验

对于vue的el-upload组件，可以通过设置before-upload属性来进行校验。before-upload属性接收一个函数，该函数会在上传文件之前被调用，如果返回false，则取消上传操作，如果返回true或者Promise.resolve(true)，则继续上传操作。

在before-upload函数中，可以进行各种校验操作，例如文件类型、文件大小、文件数量等等。以下是一个示例代码：

<el-upload
  class="upload-demo"
  action="/upload"
  :before-upload="beforeUpload">
  <el-button slot="trigger">选取文件</el-button>
  <el-button style="margin-left: 10px;" type="primary">上传到服务器</el-button>
</el-upload>

<script>
export default {
  methods: {
    beforeUpload(file) {
      const isJPG = file.type === 'image/jpeg'
      const isLt2M = file.size / 1024 / 1024 < 2

      if (!isJPG) {
        this.$message.error('上传图片只能是 JPG 格式!')
      }
      if (!isLt2M) {
        this.$message.error('上传图片大小不能超过 2MB!')
      }

      return isJPG && isLt2M
    }
  }
}
</script>

在上面的示例代码中，beforeUpload函数会先判断文件类型是否为JPG格式，如果不是，则弹出错误提示；然后再判断文件大小是否小于2MB，如果不是，则同样弹出错误提示。最后，如果文件类型和大小都符合要求，则返回true，允许上传操作。