How to get cropped image using Jquery Cropper?


#1

Hi Everyone,

I am using Jquery Cropper for crop the image, Refer to screenshot I can select the portion I want, but not able to get the cropped image.

It would be great if someone can help me to resolve this issue. Please help guys.


#2

You need to get the canvas and then turn it into a blob. Look at the cropper documentation


#3

Hi @jamgold,

I have done a little research on this, and got the blob type image, Now am having a problem in storing this blog type as image on server.


#4

I am using Amazon S3 for that. There are packages out there that interface with different cloud storage solutions. I have never used Meteor/NodeJS to write files on the server.


#5

Okay, that’s Good. Can you tell me how to display base 64 image to user? Please read this


#6

Check out this, I played with it a while ago. It covers the base64 question


#7

You get a lot with a free plan on Cloudinary if you’d like to consider another approach: