Java: How do I get the URL of a custom page thumbnail?

Question

TLDR: I need to get the URL of thumbnail I uploaded manually to page properties so I can use it in the page metadata. example: <meta name="og:image" content="/content/mysite/my-page/jcr:content/my-custom-thumbnail-image-here.png> Thanks!------------------------------------------------------------------------When I upload an image to Page properties/Thumbnail, I can see that AEM creates these paths /content/mysite/mypage/jcr:content/image/file/jcr:content/dam:thumbnails/dam:thumbnail_300.png/content/mysite/mypage/jcr:content/image/file/jcr:content/dam:thumbnails/dam:thumbnail_48.png(Sometimes there's a thumbnail_319.png path as well but unsure what triggers its creation.) I using javax.jcr classes, I can check for the existence of these nodes but is there more targeted (AEM-specific) class I can use? There was an old discussion here that mentioned Social Media component + getThumbnail but I cannot find any instances of these combo. All I can find about getThumbnail is a "inbox" class (which I assume relates to emails) ----------------------------------------------- This is how I uploaded the custom thumbnail in page properties  this is the node structure after uploading the custom thumbnail.

VeenaVikraman · Accepted Answer

Hi @jayv25585659

I don't know which version of AEM you are using, but for cloud I use the below line of code to fetch the featured image from page properties.

Resource cqFeaturedRes = page.getContentResource().getChild(
                com.adobe.cq.wcm.core.components.models.Page.NN_PAGE_FEATURED_IMAGE);
String propertyValue = StringUtils.EMPTY;
        if (Objects.nonNull(cqFeaturedRes)) {
            final ValueMap valueMap = cqFeaturedRes.adaptTo(ValueMap.class);
            if (Objects.nonNull(valueMap) && valueMap.containsKey(DownloadResource.PN_REFERENCE)) {
                propertyValue = valueMap.get(DownloadResource.PN_REFERENCE, String.class);
            }
        }

This works untill your page is not null

Thanks

Veena ✌

pulkitvashisth · Answer

To retrieve the URL of the thumbnail uploaded to page properties in AEM, you can use AEM's APIs to fetch the thumbnail's rendition path and generate the URL.

    public String getThumbnailURL(Page page, ResourceResolver resourceResolver) {
        String thumbnailURL = "";

        Asset thumbnailAsset = page.getContentResource().adaptTo(Asset.class);
        if (thumbnailAsset != null) {
            Rendition thumbnailRendition = thumbnailAsset.getRendition("cq5dam.thumbnail.319.319.png");
            if (thumbnailRendition != null) {
                thumbnailURL = thumbnailRendition.getPath();
            }
        }

        return thumbnailURL;
    }

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded