Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.
SOLVED

Get image size thru thru code

Avatar

Level 5

Hi!

I',m importing an image to my custom component via "file", can I get it's resolution?

for example:

${properties.image.getWidth()}

something like that?

htl way would be good.

Image is referenced at DAM

1 Accepted Solution

Avatar

Correct answer by
Level 5
7 Replies

Avatar

Community Advisor

Using below code, we can retrieve the image width and height in Java and use that in HTL

import com.day.cq.wcm.foundation.Image;

Image image = new Image(resource);

int imgWidth = 990; // Some default width

int imgHeight = 520;// Some default height

  try {

  if (image.getLayer(false, false, false) != null) {

  imgWidth = image.getLayer(false, false, false).getWidth();

  imgHeight = image.getLayer(false, false, false).getHeight();

}

Avatar

Level 10

As Ravi correctly points out - you can use Java to get the information that you require.

Avatar

Level 5

Thanks for the answers! But I think my question is not quiet direct.

I need to extract the img meta data (specifically height:width) to my ".html" file so that I can reference it.

if I must use java to do this, where will I write my java code?
1678631_pastedImage_4.png

that's where I want to extract asset size.

Thanks!

Avatar

Level 5

Still haven't figure out above problem.
here is a someple code of what I'm trying to achieve

ex.

1678644_pastedImage_2.png

Avatar

Level 5

Created my java file, complete but apparently, I can't populate the "Image(resource)" with "fileReference" from cq:file as to I'm getting an error. a work around?

1678723_pastedImage_0.png

Avatar

Correct answer by
Level 5

For anyone looking. here's the answer.

Get Asset metadata (height and width)