验证Angular 7中的图像尺寸

<img src="path/to/image.jpg" (load)="onImageLoad($event)">
<div *ngIf="isImageSizeValid(imageWidth, imageHeight)">
  图像尺寸符合要求
</div>
<div *ngIf="!isImageSizeValid(imageWidth, imageHeight)">
  图像尺寸不符合要求
</div>

import { Component } from '@angular/core';

@Component({
  selector: 'app-image-validation',
  templateUrl: './image-validation.component.html',
  styleUrls: ['./image-validation.component.css']
})
export class ImageValidationComponent {
  imageWidth: number;
  imageHeight: number;

  onImageLoad(event: Event) {
    const imgElement = event.target as HTMLImageElement;
    this.imageWidth = imgElement.naturalWidth;
    this.imageHeight = imgElement.naturalHeight;
  }

  isImageSizeValid(width: number, height: number): boolean {
    // 进行尺寸验证的逻辑，返回验证结果
    // 这里可以根据具体需求编写自定义的验证逻辑
    const requiredWidth = 500;
    const requiredHeight = 300;
    return width === requiredWidth && height === requiredHeight;
  }
}