как вернуть переменные изнутри изображения onLoad

Question

  export class AttachmentComponent {
   imageWidth: number;
   imageHeight: number;
   ngOnInit() {
    this.imgSize(imagePath);
   }
   getImageSize(url) {
    const img = new Image();
    img.src = imgurl;
    img.onload = (event) => {
      const  loadedImage: any = event.currentTarget;
      const width = loadedImage.width;
      const height = loadedImage.height;
    }
   }
 }

Здесь я хочу заполнить свойства imageWidth и imageHeight класса шириной и высотой, вычисляемыми внутри onLoad в getImageSize. помощь

Answer 1

Если мое понимание вашей проблемы верное, вы хотите присвоить значение loadedImage.width свойству imageWidth и то же самое с height .

Вы можете сделать это, ссылаясь на этот , который является AttachmentComponent экземпляр.

export class AttachmentComponent {
   imageWidth: number;
   imageHeight: number;
   ngOnInit() {
    this.imgSize(imagePath);
   }
   getImageSize(url) {
    const img = new Image();
    img.src = imgurl;
    img.onload = (event) => {
      const  loadedImage: any = event.currentTarget;
      // => here is what I've changed
      this.imageWidth = loadedImage.width;
      this.imageHeight = loadedImage.height;
    }
   }
 }