Is there a way to do a live preview of an image file?

RE: Is there a way to do a live preview of an image file?

Mike Schmitt — Thu, 21 Jul 2022 14:24:26 GMT

What stefan said is correct. There is no workaround without a user click.

However, there is a reasonable workaround if you're willing to make the user click something. When a new upload exists, add a submit button or submit link next to the upload field, saying "click to preview", or something along those lines - this will submit the form, allow the file to be promoted to the Appian FS, and transparently loop back to the same form (to the user's experience, it will not seem like they "left" the form, if things are configured correctly). After the task is loaded again, the file will be eligible to be shown in the normal image field as desired.

RE: Is there a way to do a live preview of an image file?

Stefan Helzle — Thu, 21 Jul 2022 11:54:28 GMT

Documents in Appian are only available AFTER a submit action. There is no supported way around.

RE: Is there a way to do a live preview of an image file?

kavitar5580 — Thu, 21 Jul 2022 11:50:48 GMT

I tried, but still not working, would you like to more explain using any function ?

RE: Is there a way to do a live preview of an image file?

santoshd378 — Wed, 04 Oct 2017 12:27:55 GMT

This is not possible at the moment because the file need to be stored in the knowledge center to render in the sail form, So after clicking on the submit only the image will be saved in the knowledge center.
Still if you want to implement it, Keep a button beside the file upload field. And that button needs to be work as an submit button but in the process model give a condition such that if the value is from the pseudo button loop back to the same form and show the details.

This might help you.

RE: Is there a way to do a live preview of an image file?

vijayd — Wed, 04 Oct 2017 11:00:01 GMT

I dont think that is possible to display the live preview of an uploaded image as of now but on click of the uploaded image you can see the live preview.

RE: Is there a way to do a live preview of an image file?

Harsha Sharma — Wed, 04 Oct 2017 06:16:22 GMT

Yes you can achieve this. Say ri!img is the variable you are saving the image uploaded by user into. Use a!imageField() to display the same image in the UI...make the size as THUMBNAIL or SMALL.As soon as the user uploads an image this a!imageField should display the image icon and on click of that one can preview whatever image is uploaded. If you don't want to click just keep the size as STANDARD and image preview can be done.