How to preserve photo after submit is clicked?

Question

When user clicks on submit and if there was an error the chosen photo is not there any more and the user needs to browse/choose the photo again

<label for="picture">Your photo: (optional)</label>
<input id="picture" name="picture" type="file" class="file" data-show-upload="false" data-show-caption="true" data-show-preview="true">

How to preserve the chosen photo so that it stays even though there was an error on form validation, so that the user doesn't have to choose the photo again!?

SemiColonWeb · Accepted Answer

Hello, [sb private reply]We Really Apologize about the Delays in replying to your Support Query and Really Really Appreciate your Patience with us![/sb private reply] The Latest Version of the Contact Form's JS Codes already addresses this issue. Can you please provide us with a Live URL so that we can check out the exact issue and provide you with a more accurate solution for this. Thanks for your Patience. Meanwhile, do let us know if we can help you with anything else or if you find any furt…

Ober24 · Answer

Here is the website:

https://www.tec4you.at/auth/register#row2

And sorry but you will need to fill all fields to test this

When you fill everything leave the recaptcha empty and click to register and the chosen photo is gone!
How to prevent that?

Semicolon Web · Answer

Hello,

We have just checked out your Page and unfortunately this is currently not supported with the Custom Upload Boxes. The reason for this is that you are refreshing the Page for Validation and not using AJAX and this is why the Upload File Value is not saved.

Hope this Helps.

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Ober24 · Answer

OK thank you....i'm still learning but now i know what is the problem!

Ober24 · Answer

How to tag this as resolved?

Semicolon Web · Answer

Hello, We just did this for you! Thanks for your Patience. Do let us know if we can help you with anything else or if you find any further issues with Canvas.