时间戳

首页 > 解决方案 > 从 url 获取高度和宽度

javascript - 从 url 获取高度和宽度

问题描述

在加载 IMG 之前，我需要从 url 的末尾获取高度和宽度。我的网址如下所示：

https://images.or/domain/hiddenuid_2021_logo.webp?auto=compress,format&rect=0,0,350,400&w=350&h=400

如您所见，宽度和高度均由 w=350 和 h=400 表示

我正在使用 React/Nextjs。

一旦我可以得到高度和宽度，我就会将它显示在容器中，如下所示：

<Image src={image.url} width={width} height={height} />

实现这一目标的最简单方法是什么？

标签： javascriptreactjsnext.js

解决方案

我找到了几乎相同问题的答案：

var url_string = "https://images.or/domain/hiddenuid_2021_logo.webp?auto=compress,format&rect=0,0,350,400&w=350&h=400"; 
var url = new URL(url_string);
var width = url.searchParams.get("w");
var height = url.searchParams.get("h");

alert("Width is: " + width)

alert("Height is: " + height)

推荐阅读