Upload Widget Circle Crop

julian

July 20, 2022 23:40

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

• Official comment

  

  Danny Valentine

  July 21, 2022 09:53 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

   

  ---

  

   

Post is closed for comments.