How to preview image uploaded in previous page, before saving it?

Asked Apr 15 '20 at 18:01

Active Apr 16 '20 at 18:52

Viewed 414 times

I have Rails form that uses Active Storage to upload image. I can preview the image fine on the same page. But when user submits the form, I want to show them Preview page to confirm all info before finally submitting.

Right now, I'm only validating data before taking user to Preview page. file-input ofcourse does not allow pre-filling the data for security reasons, and the image path from Active Storage comes out broken.

So how can I show thumbnail of the uploaded image from the previous page, on the Preview page, without having to save data? Is that possible? Or do I have to do a save?

Reason I prefer not to save is it minimize spam from people just trying it out.

Tha

edited Apr 16 '20 at 18:52

Roman Alekseiev

1,854
16
24

asked Apr 15 '20 at 18:01

Bashar Abdullah

1,545
1
16
27

https://stackoverflow.com/questions/14069421/show-an-image-preview-before-upload – Alex808 Apr 15 '20 at 18:34
Thanks @alex808 but my issue is showing the image in the next page, not the same. – Bashar Abdullah Apr 15 '20 at 18:46
1

in this case you must use post ajax form with client side result page and locally saved FileReader image preview, if I understanded it right – Alex808 Apr 15 '20 at 18:57
@Alex808 Thanks. This might be the way. – Bashar Abdullah Apr 15 '20 at 21:18

How to preview image uploaded in previous page, before saving it?

0 Answers0