How we can display uploaded file in an interface?

Question

Abhishek Gaddam · Answer

Hello, 
 
In the component a!fileUploadField(), you have two fields fileName & target , where you can name the files uploaded in a particular naming pattern and store the file in a folder respectively.Using that name pattern you can access any file uploaded after it is submitted using the below code. However this only works when we submit the file as displaying the uploaded file is only possible when it is submitted and an id is created. 
 
ri!docName : rule input to store document. 
 
cons!THETARGETFOLDERCONSTANT : constant which stores the target folder. 
 
 a!richTextItem( 
 text: " Download", 
 style: "STRONG", 
 link: a!documentDownloadLink( 
 label: "Download", 
 document: todocument( 
 folder(findcontentbyattribute( 
 false, 
 "document", 
 "name", 
 ri!docName, 
 cons!THETARGETFOLDERCONSTANT 
),"id") 
) 
 ) 
 ) 
 
Hope this helps . 
 
regards, 
Abhishek Gaddam.

Ravi Roshan · Answer

a!imageField( 
 label: "Document", 
 labelPosition: "ADJACENT", 
 images: { 
 a!documentImage( 
 document: a!iconIndicator( 
 icon: "DOC_GENERIC" 
 ), 
 link: a!documentDownloadLink( 
 document: todocument( 
 800835 
 ) 
 ), 
 caption: "Image" 
 ) 
 }, 
 size: "ICON" 
 ) 
 
Hope this will help.

Harsha · Answer

I would suggest you to have a "Upload" button next to the file Upload field. It should be a submit button. So the scenario is user selects a file then click on 'Upload". In the process after the UI node have an XOR to check button value. If it is 'Upload' go back to UI else move forward, indicating the form is submitted. Your SAIL should have a!documentDownloadLink() code inside with() so that when the process comes back to UI after upload you can see the document using the permanent doc ID that you pass from the process to UI. The activity chaining plays vital role here. The user will stay at the same page still the process will proceed. Hope it helps.

rommels · Answer

Hello aswinis , 
If your current version is less than 17.4 you can use a upload field with an upload button when you click on upload button you will be able to get document id and pass this document id in document download field if you want to download the document or in image field if you show this on interface. 
If you version is greater than 17.4 you get document id as soon as you upload the document.

Ravi Roshan · Answer

Please see the attachment in case you want to display the uploaded file within a grid. 
 local!data.name will be the file name 
 local!data.document will be the document id

radhikam · Answer

a!gridField(
label: "",
columns: {
a!gridImageColumn(
label: "document",
data: a!documentImage(
document: todocument(
ri!document
),
link: a!documentDownloadLink(
document: todocument(
ri!document
)
)
),
size: "ICON"
)
},
value: local!pagingInfo,
totalCount : 10
)

Using the above code you can display an image to download the document.

Ravi Roshan · Answer

Which version you are using? If you are using previous version than 17.3, you need to submit he the form and generate it again using chaining to get the document ID and display the image as radhikam has provided in code below. For current version you will get the ID directly once you upload the file.

annap · Answer

Use a!imsgeField object and pass a!documentImage(ri!uploadedFile) as image parameter.

How we can display uploaded file in an interface?

Top Replies