Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.

Uploading assets using file upload

Avatar

Level 5

I'm uploading assets using

1706762_pastedImage_0.png

But how can I make the uploaded file display?

my Properties

1706763_pastedImage_1.png

I've done a little research so I know that they created files under my components

1706764_pastedImage_2.png

But how can I retrieve that files?

Thanks!

3 Replies

Avatar

Community Advisor

Hi,

Please check OOTB or core image component implementaion. you need to check wether image is local or from DAM. And accordingly you need to include.

/libs/wcm/foundation/components/image/image.js

aem-core-wcm-components/ImageImpl.java at master · adobe/aem-core-wcm-components · GitHub 



Arun Patidar

Avatar

Level 5

Hello there.

Thanks for the answer.

I'm trying to create multiple fields in the same component like this

1709747_pastedImage_0.png

But the problem is both file field only reads file under

/content/

1709748_pastedImage_1.png

if I rename the 1709749_pastedImage_2.png to file2, yes it creates file2 under /content/ but it only reads "file".

So if I put something in the first field, it also reflects in all image fields, cause they all read the same "file" under /content/

how can I make one image field read file, anothe image field read file2. and so on.

Avatar

Community Advisor

Hi,

It is because of below line of code in image.js-

// check if there's a local file image under the node

    granite.resource.resolve(granite.resource.path + "/file").then(function (localImageResource) {

Can you try to modify your dialog and save image under item node

e.g. name=./item/file

To achieve this you may need to use java but you can try above.



Arun Patidar