phpuploadcare

How to keep Uploadcare image in forms?

I have a form which I want to validate with PHP. The poster upload from Uploadcare's widget is part of that form.

Sometimes users have to go backward in the form to fix stuff - an incorrect email, etc. I want to have the chosen upload file persist within that form.

This works when the back button is clicked, but I cant rely on that. I'm using PHP POST variables to reload and repopulate the form.

My question: can I use a POST variables with the Uploadcare input button to make it "remember" and reload the chosen picture the user has previously uploaded?

My current code.

<input type="hidden"
       role="uploadcare-uploader"
       data-preview-step="true"
       data images-only="true"
       name="adposter"
       style="display: inline-block;" />

Is it possible to do something like:

<input type="hidden"
       role="uploadcare-uploader"
       data-preview-step="true"
       data-images-only="true"
       name="adposter"
       style="display: inline-block;" 
       value="<?php print isset($_POST["adposter"]) ? htmlspecialchars($_POST["adposter"]) : ""; ?>"
/>

As one would with other fields? Obviously the Uploadcare input widget has its own way of doing things, hence the query.

Solution

  • As the documentation says:

    The value of [role=uploadcare-uploader] input is either empty or CDN link with file UUID.

    If you externally set the value of the input and trigger the DOM change event, it will be reflected in the widget. For example, setting it to a file UUID or a CDN link will show that file as uploaded in the widget. You can do this on a live widget or even before it's actually loaded.

    So your second snippet should work correctly.

    You may also want to know the way to set widget's value via JS:

    var widget = uploadcare.Widget('[role=uploadcare-uploader]');
widget.value("https://ucarecdn.com/e8ebfe20-8c11-4a94-9b40-52ecad7d8d1a/billmurray.jpg");