![]() I'm setting a timeout because if you don't it will send the form to php before cropit can create the base64. The way I got it to work is by messing around with the quality settings of Cropit and creating a PHP function that reads the base64 string and converts it to an image. Meaning, if the original image has a resolution of 1000 x 1000 and the preview size is 100 x 50, I want to get a result in the resolution of 1000 x 500. into an image that I can use in a php script. In my case I dont want to scale the image, I just need the correct ratio. Create the Html for a basic image cropper with a zoom slider. The code here is working properly for the plugin but I'm unable to turn the result which looks something like data:image/png base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAD. Include the jQuery javascript library and the jQuery cropit plugin in your Html page. Var imageData = $('#image-cropper').cropit('export') $('#image-cropper').cropit('previewSize', ) Src:'users/'+username+'/profile_picture.jpg' ![]() I'm using the Cropit plugin and all I need is an image that I can pass into my php upload script. I've been searching the internet for a while now and cannot find anything that tells me how I turn the result from $('#image-cropper').cropit('export') into an image that PHP can upload to the server.
0 Comments
Leave a Reply. |