Expand my Community achievements bar.

Radically easy to access on brand approved content for distribution and omnichannel performant delivery. AEM Assets Content Hub and Dynamic Media with OpenAPI capabilities is now GA.

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.