Display image preview on webflow page after image upload

Hi everyone!
I need to find a way to display the image that the user uploads as a preview.

I have found this page where this seems to work -
http://croppa.webflow.io/

I suspect this is achievable with uploadcare’s features? Thanks in advance for any help/pointers


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hey, add image to the form, set its ID to “image” and then add this embed code:

<script>
var image = document.getElementById('image');
var widget = uploadcare.Widget('[role=uploadcare-uploader]');
widget.onUploadComplete(function (fileInfo) {
  image.src = fileInfo.cdnUrl + '-/resize/500x/';
});
</script>

Cheers

it worked great, thanks a lot! , I really appreciate it :pray:t4: