Open crop window directly


I am using the plugin for making multi upload, now I am able to get the preview of the all the images using the awesome uploadcare widget.

Now I want to open the crop window directly when user click on the Image, but I am not able to do so, is there any way to open the crop window directly using the JS code.

Thank You


You can open the dialog with predefined crop settings by clicking on an image on your page (or any html element you add the click event listener to). See the reference here:

Hi Achermenko,

I tried that API, but it is not working for multiple upload. Let me explain you better I have a uploadcare multi-widget instance running.

Now once the images are selected I am printing all the selected images in the div. Now I want such that when user click on one image, it open the image in crop window directly.

Right now I am using a different instance of the uploadcare (for croping image) and then uploading the image in the multi-widget instance.

Is there any way to open crop preview for a specific image uploaded in multi preview directly. I can create a demo if you are not able to understand my question.

Thank You

@swouden the cropping mode can be forced in single widget only. If you have a chance to make a demo, I’ll look into it and try to find a solution for you.

@Alex is there any way to force cropping mode in multiple file widget ? Thanks

@simzen85 unfortunately, no. We’re going to fix this in the next major version of the widget. Currently, I can only suggest adding a hint to inform users that they have to click on an image in the list to crop it.