Get the media image parameters of height, width and other properties in custom block Grid preview

[jacob (Jacob Overgaard 🚀)]

@PeatLaur

I am looking for the code that gets the actual width and height of an uploaded image, your example uses hard coded values for width and height of 300. Also, we can add extra values to an image, like alternative text.

You need to request the media item entity through the API to get its properties. The Backoffice has a repository for that:

import { UmbMediaDetailRepository } from '@umbraco-cms/backoffice/media';

mediaRepository = new UmbMediaDetailRepository(this);

const {data: image} = await this.mediaRepository.requestByUnique(mediaKey)
console.log(image);