Discussion on Slim Image Cropper, Responsive Uploading and Ratio Cropping Plugin

pqina

pqina supports this item

Supported

This author's response time can be up to 1 business day.

164 comments found.

leapit

leapit Purchased

This is great ive baught uploaded it and works great

Id like to port it to Codigniter any chance of that or maybe, there is a cool soul out there willing to help ????

thanks

pqina

pqina Author

Glad to hear it! You’re free to port it for personal use, I’ve currently no official port planned.

leapit

leapit Purchased

Ok got it working. I underestimate myself sometimes . However is there a way to save the original image and not just the cropped one ?

pqina

pqina Author

Great! :-) Yeah, set data-post to “input,output” and it will both post the original image and the crop data.

Can I resize the image on upload before cropping? and what is the max dimension allowed for upload?

pqina

pqina Author

Hi, Slim can automatically resize images to fit in a certain bounding box. There is no max dimension, but keep in mind that on some devices large images can cause trouble as a safe guard for this Slim sets the maximum internal image size to 4000×4000 pixels (you can increase this with data-internal-canvas-size).

Thank you for fast reply. I tried to upload an image with an original size of 2000px x 2000px and I want to reduce its dimension to 50% before cropping. I tried to use data-force-size its not working. I hope you can help me.

pqina

pqina Author

Hi, for further support, please contact me using the support tab.

leapit

leapit Purchased

Hi there. i am really loving this cropper.

could you please tell me if it is possible to have a background image instead of ‘drop your image here’ text.

Im using this for an avatar image and would like to show a neutral image if no image has been uploaded.

I can do this by the <img src...="" /> but then the users can still crop this, which is not really the desired function.

hope Im clear on this.

thanks in advance

pqina

pqina Author

Hi! Yes, you can add a background style to the .slim-status element.

.slim-status { background: url(...) no-repeat center center; }
leapit

leapit Purchased

great thanks for the help

just one more question

when on mobile device and doing the cropping the background page seems to scroll as i move the cropping selector around. it is quite disturbing is there a way around

someting like this but via jquert or javascript to set it in the cropper windows then unset it when cropper closed

html, body {
    overflow: hidden;
}

thanks for your help

pqina

pqina Author

Hi, I’m currently on a short vacation, will take a look at this when I get back.

I am wondering if you can provide a VueJS2 integration or wrapper like you did for react? I am building my project on vuejs and I think it’s great to have your component especially that you solved the base64 file upload and now the upload can easily integrate with ASP.net

Thanks

Mohammed Khomakho

by
by
by
by
by
by