Croppie - element plugin to crop and zoom images before upload

Showcase
144

@joshhowardla you need to have the first croppie save the original image and then set the datasource of the second croppie to the first croppies original image

55%20PM 29%20PM

145

Hey @mishav thanks again for this amazing free plugin. I have a request (I usually don’t do this, instead always try to find the right solution, but in this case there is no solution inside bubble, I have researched everything, and your plugin is perfect and I believe, in my understanding, it’s not that difficult of request :see_no_evil:)

Is it possible to, by any way, when using the plugin, turn off the cropping, square and/or circular of the plugin in order to save the resulting image with the desired compression and dimension, your plugin has this two options , and it’s perfect for me and believe to more people, also would be amazing to, let’s say if I change the width of an image, the height would adjust proportional to the original image, or if I change the height the width would adjust too.

That’s it. :see_no_evil:. I do not know if is too much of a request.

Thanks again.

Cheers!!!

146

I have an odd issue on mac using images from my own AWS S3 (uploaded with zeroqode’s plugin)

PC - works fine
Mac Safari - If I load a dynamic image to the croppie it won’t display unless I refresh
Mac Chrome - Won’t display at all.
Mac Firefox - works fine.

I think it’s a CORS issue. I had similar problems with @ZeroqodeSupport 's PDF generator (they fixed it) and have spoken with @Jici about it as well.

147

Hi @mishav

is the enableResize boolean an option within the plugin? So user can dynamically change the viewport.

resizer
resizer1120×484 51.2 KB

I cant seem to find this option anywhere!

many thanks

148

@mishav

I’m experiencing some buggy behavior with the croppie plugin. When a user clicks cancel in the popup for selecting their image files, the croppie doesn’t recognize the cancel request and doesn’t “reset” or recognize that cancel was pressed.

Another issue is that at times when the croppie element is clicked the popup to select image files doesn’t show up, so a user has no ability to select an image, but the croppie element gets triggered expecting a user to either select an image file or cancel.

croppie

149

How can I have different ratio using this? I want to have options to make the viewport “square (1:1)” “4:3” 16:9".

150

Hi @boston85719,

I think both of these issues stem from having a separate Browse button to trigger the HTML input. Browsers try to prevent script-initiated access to local files, and may not see the button click as related to the sent click on the input.

Over the next few weeks I plan to look into solutions :slight_smile:

Thanks for highlighting the issue.

1 Like
151

I think this is a relatively recent addition. I was holding off updating the version because of some bugs in the newer version, if they’re fixed then yes good idea to upgrade!
EDIT - the bug is still there, try on the home page, rotating the dog in the vanilla example.
I guess I could maybe possibly put a workaround for the bugs, and apply the updated version.

2 Likes
152

Can you show how you’d use these options? How would you specify the actual size of the viewport? Perhaps you can put calculated values into the viewport height and width, linked to some controls on the page.

153

I want to have buttons “1:1 3:4 16:9” etc
When a user clicked 1:1, I want to change the viewport size to 200height x 200width for example.

I’m planning to change the viewport height and width with dynamic values. However, I can’t change the values dynamically. There’s only static/fixed vales. There is no option to put dynamic values.

154

Welcome back :+1:

155

Ah, I see the problem! I’ll add that to the next release, which is currently pencilled in for end of next week.

Thank you, its been a very long time!

1 Like
156

Thank you very much. Will wait for it. :grin:

1 Like
157

Good to see you back around Mishav I haven’t seen you name pop up for a while.

158

Thank you Chad! Its nice to see you are around here too :]

2 Likes
159

Everyone was kinda worried :slight_smile:

1 Like
160

Hi @mishav, can you include ”uploaded file size”?

Want to get the uploaded file size (the file size after compression and upload). Will be useful for file managers.

161

Good idea @shu.teopengco

1 Like
162

New version v1.2.3 Dynamic values for viewport size

Thank you @shu.teopengco for the suggestion :smiley:

2 Likes
163

Thank you very much @mishav! Will wait for the uploaded file size :smiley: