This support forum is no longer in use. Please use the Cloudinary Community at https://community.cloudinary.com/ to receive assistance from other members of the community and from Cloudinary's support team. For account-specific questions or if you believe that you've encountered a bug, please contact the Cloudinary team directly via the "submit a request" option on this support site.

Upload Widget Circle Crop

Follow
Avatar
julian

Hi,

I am trying to use the upload widget to allow users to upload a profile picture that will be displayed as a circle. Is it possible to change the default cropper in the widget to show a circular overlay so the user can see what will be shown before uploading a picture? 

Thanks

0

Comments

1 comment

Sort by Date Votes
  • Official comment
    Avatar
    Danny Valentine
    • Edited
    Hi Julian.

    Thanks for getting in touch with your question. The Upload Widget results will always show the original file that was uploaded, however the upload response will provide you a link to the recently uploaded image.

    If you set an incoming transformation for your asset using the settings shown at the bottom of my reply, the image will be transformed into a circle upon upload. Then you can listen for the "success" event from the upload widget, and display the image in `secure_url` in the browser.

    I've set up a short jsfiddle to demonstrate this, which you can find here: https://jsfiddle.net/dannyv_cloudinary/y87r5hnb/

    I know it's not exactly what you were looking for, but I hope this is a helpful workaround.

    Let me know if you have any questions, either by replying here or creating a support ticket.

    Thanks,
    -Danny
     

     

    Comment actions Permalink

Post is closed for comments.