How we can display uploaded file in an interface?

RE: How we can display uploaded file in an interface?

rameshb851 — Tue, 02 Jul 2019 10:44:08 GMT

Hi Aswin

a!linkField(
      label:"Upload Documents",
      labelPosition:"ABOVE",
      links:{
        a!forEach(items:local!Docs.appiandocid, expression:a!documentDownloadLink(
          document:fv!item,
          label:document(documentId:fv!item, property:"name")
        ))

      }
    )

Try this

RE: How we can display uploaded file in an interface?

kowsalyav — Tue, 02 Jul 2019 02:28:00 GMT

Aswini,

Did you achieve it finally? Please provide your inputs.

RE: How we can display uploaded file in an interface?

karthip0001 — Mon, 03 Jun 2019 22:07:38 GMT

A bit not relevant to the OP's question but I found that the documement ID cant be used to retrieve the filename attribute since at this point the file has not uploaded yet. But if the same document id is passed to a process model then the filename attribute (document function) returns the filename (without extension). We are on 18.2.

RE: How we can display uploaded file in an interface?

Abhishek Gaddam — Fri, 26 Jan 2018 21:56:24 GMT

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.

RE: How we can display uploaded file in an interface?

allynj — Fri, 26 Jan 2018 18:51:59 GMT

I am doing something very similar, I currently have a document and I have the Document ID< I have selected Document DownLoad Link as my option,

When I open the Expression I see a!document Image (), I am questioning if I begin the Expression with a!document Image or can I do a!DocumentDownloadLink..

I saw the Expression Sail Code that was documented in a prior answer, I am a little confused..

RE: How we can display uploaded file in an interface?

rommels — Fri, 05 Jan 2018 11:07:20 GMT

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.

RE: How we can display uploaded file in an interface?

Eliot Gerson — Wed, 03 Jan 2018 18:42:53 GMT

You are correct. The release notes for this feature can be found here: docs.appian.com/.../Appian_Release_Notes.html

RE: How we can display uploaded file in an interface?

Harsha Sharma — Wed, 03 Jan 2018 09:46:33 GMT

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.

RE: How we can display uploaded file in an interface?

lokeshk — Wed, 03 Jan 2018 09:32:03 GMT

I think if you are using latest version 17.4 then as soon as you upload the document, appian provides permanent document id and you can instantly use documentDownloadLink() function to showcase a link to download the uploaded document., if you are using previous versions then you need to first submit the interface, then the document would be getting permanent id and then you can use this id to showcase in interface

RE: How we can display uploaded file in an interface?

Rama Thummala — Wed, 03 Jan 2018 08:09:01 GMT

Aswini , document will not be available till we submit the form. If I understand it correctly, first submit the form, get id of the document and come back to the same form with the document id.

RE: How we can display uploaded file in an interface?

Ravi Roshan — Wed, 03 Jan 2018 07:48:24 GMT

Instead of 800835, please use your variable name.

RE: How we can display uploaded file in an interface?

Ravi Roshan — Wed, 03 Jan 2018 07:47:28 GMT

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.

RE: How we can display uploaded file in an interface?

annap — Wed, 03 Jan 2018 07:05:42 GMT

As per your error, the value is null in "ri!PP_Cdt_UserInput.ImgDoc", could you check the value and try or for testing use hardcoded value or constant.

RE: How we can display uploaded file in an interface?

Aswini — Wed, 03 Jan 2018 05:54:35 GMT

a!imageField(
label: "",
labelPosition: "ADJACENT",
images: {
a!documentImage(
document: ri!PP_Cdt_UserInput.ImgDoc

)
},
size: "STANDARD"
)

Error :
Could not display interface. Please check definition and inputs.
Interface Definition: Expression evaluation error at function a!imageField [line 386]: The image at index 1 in an image gallery component [label=“”] has an invalid value for “document”. “document” must not be null.

RE: How we can display uploaded file in an interface?

Aswini — Wed, 03 Jan 2018 05:47:14 GMT

Am using 17.3 version

RE: How we can display uploaded file in an interface?

annap — Wed, 03 Jan 2018 05:43:10 GMT

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

RE: How we can display uploaded file in an interface?

Aswini — Wed, 03 Jan 2018 05:42:14 GMT

Hi, Am not using grid. I just want to display uploaded image in form.
Thanks

RE: How we can display uploaded file in an interface?

Ravi Roshan — Wed, 03 Jan 2018 05:19:46 GMT

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.

RE: How we can display uploaded file in an interface?

radhikam — Wed, 03 Jan 2018 04:58:08 GMT

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.

RE: How we can display uploaded file in an interface?

Ravi Roshan — Wed, 03 Jan 2018 04:53:51 GMT

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

RE: How we can display uploaded file in an interface?

Aswini — Wed, 03 Jan 2018 04:52:35 GMT

I want to display image while uploading only.

RE: How we can display uploaded file in an interface?

Ravi Roshan — Wed, 03 Jan 2018 04:48:31 GMT

Hello Aswin,

Do you want to display the file name? If you are using the file upload component it gives the file name at the same time. In case you want to display in other screen the file you have uploaded, you can use the a!documentDownloadLink function to display and download the file.