Need a recipe for fileupload. Store uploaded file in documents folder and the document Id to be stored in DB table.

 Need a recipe for fileupload. Store uploaded file in documents folder and the document Id to be stored in DB table. To facilitate an API GET type, to retrieve uploaded document with document Id.

Please an example recipe. I have tried using fileUpload component and used a!writetoDataStoreEntity() as follows and it is throwing an error stating the valueToStore cannot be null, when trying to upload a file.

Error for the below code is:

Could not display interface. Please check definition and inputs.

Need to store only Document Id on DB not the image itself. Image should be stored in folder configured on the fileUpload component.

=load(
a!gridLayout(
label: "",
instructions: "This is a grid layout",
headerCells: {
a!gridLayoutHeaderCell(label: "Image")
},
rows: {
a!gridRowLayout(
contents: {
a!fileUploadField(
helptooltip: "Upload Technology image Files",
target: cons!ImagesFolder_Constant,
value: ri!Image.Image,
/*error("Unable to Store Uploaded Image")*/
saveInto: a!save(ri!Image.Image, save!value)
)
}
)
}
)
)