Get height and width from url

Question

I need to get the height and width from the end of a url BEFORE LOADING THE IMG. The url I have looks like this:

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

As you can see both width and height are represented by w=350 and h=400

I am using React/Nextjs.

Once I can get the height and width, I will then display it in the container as follows:

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

What is the easiest way to accomplish this?

score -1 · Answer 1 · answered Sep 08 '21 at 16:45

-1

I found a answer with almost same question:

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)

answered Sep 08 '21 at 16:45

BladeOfLightX

504
4
17

I dont have a option to vote. I thought that it might help the OP – BladeOfLightX Sep 08 '21 at 16:49
It isn't a big deal if the user has provided an answer for the question. The question has been asked, the solution is given – TheFishTheySay Sep 08 '21 at 16:50
Then you should flag it as a duplicate so others who do have the rep can close it as a dupe – LeeLenalee Sep 08 '21 at 16:50
@AsianCat You can still flag things as duplicate (minimum rep: 15). The reviewers will handle the closing / deleting. – brc-dd Sep 08 '21 at 16:50
Okay I have flagged ;) – BladeOfLightX Sep 08 '21 at 16:56
2

@0xsapphir3 https://meta.stackexchange.com/questions/10841/how-should-duplicate-questions-be-handled#:~:text=target%20(see%20below).-,Should%20I%20answer%20it%3F,-Generally%2C%20no%2C%20not – brc-dd Sep 08 '21 at 16:57
Oh i see the highlighted part. I understood. – TheFishTheySay Sep 08 '21 at 16:58

Get height and width from url

1 Answers1