Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

Sample | Create/upload DAM assets from Adaptive forms

Community Advisor
Community Advisor

Hello Community,


It has been a while that I posted something here.


A lot of people want to leverage form with DAM assets. Simple example, you have an adaptive form and you want user to upload the image but instead of saving it in some other system you want to leverage DAM assets.


Two main things for such use case:

  •  DAM has a very exhaustive set of HTTP API that can help you create folders and assets.
  •  Form fields have a lot of events on which you can trigger the HTTP API and POST the form data to DAM.




Create a simple html widget for file upload.


<p><input id="default_file" type="file" name="logo">&nbsp;<button id="clear">clear</button></p>


Create JS to handle file upload and ingest the payload to DAM API.


//on change event
formdata = new FormData();
if($(this).prop('files').length > 0)
file =$(this).prop('files')[0];
formdata.append("file", file);
formdata.append("name", "yourLogoName.jpeg");

url: "http://localhost:4502/api/assets/test/*",
type: "POST",
data: formdata,
processData: false,
contentType: false,
success: function (result) {
alert("all is well");
},error: function(){alert("some err occurred");}




Mayank Gandhi

Connect with me over LinkedIn






Topics help categorize Community content and increase your ability to discover relevant content.

1 Reply
Community Manager
Community Manager

@Mayank_Gandhi Thank you for sharing this with AEM community. And Good to see you back. Encourage your peers to also contribute to the AEM Community.