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

Question

Hello everyone, 
 
 I was wondering if there is a way to display an image that a user uploads before the form has been submitted? 
 
 Thanks, 
 -Seth

santoshd378 · Answer

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.

Mike Schmitt · Answer

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.

Harsha · Answer

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.

vijayd · Answer

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.

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

Top Replies