Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.

Using browse to insert an image in AEM component.

Avatar

Level 2

I have created a Component with an image using - granite/ui/components/foundation/form/fileupload. When I select a file from the DAM the image is displayed fine, but when I try to upload an image file by clicking on the browse button, no image is displayed in the component. Please help me out.

5 Replies

Avatar

Level 10

Is the file uploaded to the URL you specify?

Avatar

Level 10

Also this component uploads a file to a given URL. What do you want to do  - display an image in your page or upload it to a servlet?

Avatar

Level 2

Yeah the file is being uploaded to the given url (${suffix.path}).

I want to display the image in the page.

Avatar

Level 4

Hi,

it is because your component is looking for fileReference property which will have path of the image in DAM but when you upload any image using fileupload component it created file/ file.sftmp node and not filereference property.

there is a workflow which creates renditions at image node itself.

I think you need to overlay the component and try to customize it a bit according to your needs.

~Mnsh

Avatar

Level 2

Thanks. Have you any links or support to help me with the same.