gpt4 book ai didi

javascript - 检查图像尺寸 - Angular 5

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:57:32 25 4
gpt4 key购买 nike

我正在尝试找出 Logo 尺寸,因为不同的客户可以上传不同的 Logo 。 HTML 是这样的:

<img [src]="layoutResponseModel?.clientLogo" alt="">

如何在 Angular 5 中获取此图像的宽度和高度?找到了一些 JS 示例,但无法使其工作

最佳答案

给你的图像一个模板变量一个加载 Hook :

<img [src]="layoutResponseModel?.clientLogo" alt="" #logo (load)="onLoad()">

在你的组件中引用它:

@ViewChild('logo') logo: ElementRef;

写下你的负载钩子(Hook):

onLoad() {
console.log((this.logo.nativeElement as HTMLImageElement).width);
}

这将为您提供显示图像的宽度。

Working stackblitz

关于javascript - 检查图像尺寸 - Angular 5,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51260480/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com