el-upload上传图片校验

对于el-upload组件的图片上传校验，你可以使用以下几种方式进行验证：

1. 文件大小限制：通过设置`before-upload`事件，在上传前获取文件的大小，然后与预设的最大值进行比较。如果超过限制，可以通过返回`false`或者给出错误提示来阻止上传。

<el-upload
  :before-upload="handleBeforeUpload"
>
  <!-- 其他配置 -->
</el-upload>

methods: {
  handleBeforeUpload(file) {
    // 设置最大文件大小为2MB
    const maxSize = 2 * 1024 * 1024;
    if (file.size > maxSize) {
      // 文件大小超过限制，阻止上传，并给出错误提示
      this.$message.error('文件大小超过限制');
      return false;
    }
    return true;
  }
}

2. 文件类型限制：通过设置`accept`属性，限制上传的文件类型。可以使用MIME类型或文件扩展名进行配置。

<el-upload
  accept="image/png, image/jpeg"
>
  <!-- 其他配置 -->
</el-upload>

3. 图片尺寸限制：通过使用`Image`对象加载图片，获取其宽高信息，并与预设的最小或最大尺寸进行比较。如果不符合要求，可以给出错误提示。

methods: {
  handleBeforeUpload(file) {
    return new Promise((resolve, reject) => {
      const image = new Image();
      image.onload = () => {