如何以角度捕捉图像链接的宽度和高度?

Ren*_*ese 2 typescript angular

我需要验证图像的链接,如果它有 1000px x 1000px 和 jpg。

示例:

https://www.w3schools.com/bootstrap/paris.jpg

我有这个链接,我需要捕获该图像的宽度和高度。

我相信jpg问题很容易做到,我将在最后几个字符中给出一个子字符串,但是图像大小的问题我不知道如何在角度中找到。

有人有什么想法吗?谢谢。

pro*_*lic 6

这是 javascript 的方式:

function getImageDimenstion(imgUrl){

   let img = new Image(); 

   img.src = imgUrl;
   img.onload = function (event) {
        let  loadedImage = event.currentTarget;
        let width = loadedImage.width;
        let height = loadedImage.height;
        console.log('height: '+height);
        console.log('width: '+width);
   } 
}

const url= "https://www.w3schools.com/bootstrap/paris.jpg";
getImageDimenstion(url);
Run Code Online (Sandbox Code Playgroud)

角度的工作示例:

工作演示

  • 迟到但打字稿会同意这一点:`let returned Image = event.currentTarget as HTMLImageElement;`。然后,您可以访问所有 [HTMLImageElement 属性](https://developer.mozilla.org/es/docs/Web/API/HTMLImageElement),例如 `loadedImage.width` (2认同)