How to get cropped image using Jquery Cropper?

help
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.

Screenshot from 2017-11-14 23-40-08
Screenshot from 2017-11-14 23-40-081920×1080 538 KB

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:

1 Like