Updated Nov 11, 2008 by david.spurr
Labels:	Featured

FAQs

Frequently asked questions regarding implementing the cropper

Introduction

This section covers any frequently asked questions, I will slowly build this list up as I see regular questions arise.

1. How do I save the cropped image?

The JavaScript Image Cropper UI is simply a JavaScript interface to allow a user to select the area of an image they wish to crop. Physically cropping and saving the image is beyond the abilities of JavaScript and should be performed server-side, this usually works in the following process:

User uploads image
Cropper is displayed
User selects area to crop and submits a form
Server crops and saves the image (may also resize - e.g. for a fixed size avatar)
Present user with the cropped and saved image

3rd Party Server-Side Implementations

There are some 3rd party server-side implementations that work with the JavaScript Image Cropper:

PHP:

Coldfusion:

http://cfsilence.com/blog/client/index.cfm/2007/8/2/Introducing-cfImageCropper--Custom-Tag-For-Client-Side-Image-Cropping

.Net && C#:

Code and tutorial for using with .Net && C#

(Note if you have a server side implementation of the cropper which not listed above please contact us via the Google Group

2. How do I prevent the user from re-sizing the cropper

You can prevent a user from re-sizing the cropper on either a single or both axes by setting the min dimension & max dimension to the same value - this will make the cropper not display the appropriate resize handles, e.g.:

Set minWidth and maxWidth to same value and the user will not be able to change the width.
Set minHeight and maxHeight to the same value and the user will not be able to change the height.
Do both of the above and the user will not be able to resize the cropper at all.

Comment by dragontune, Apr 09, 2008

Hi - First of all: very nice work with the cropper. I have looked and tried all your examples and it feels and looks awsome!

I did find some explanation on what the asp-serverside script would look like, but i cant get that one work?

Can you provide in the download-zip an example of php and asp script to demonstrate how it works? I want to save the crop in a database/webfolder.

Thanks!

Comment by sivaramakrishnamca, May 03, 2008

Hi,

This is Shiva.It is working with Mozilla and IE6 ..

but it is not working properly with IE 7..

thanks..

Comment by pdolinaj, Aug 18, 2008

Yes, doesn't work in IE7 or latest Opera 9.50. But I guess we got something wrong in the code???

Comment by katkam.rajesh, Sep 10, 2008

Hi, can we use this cropper with ASP.NET.

Comment by kleynwestmatrix, Dec 03, 2008

This is so cool, thank you! but "Saving this cropped image" has got me stumped;

This link only has an idea but the download does not work? http://www.theatons.com/php-js-image-cropper

This part means that I have to upload the "image" twice, once to crop and once cropped. Server crops and saves the image (may also resize - e.g. for a fixed size avatar)

I may be looking to deep but will have to try something here.

Cheers

Comment by mikedx, Jan 15, 2009

Hi David. What a very cool piece of code. I'm going to use it in a slightly different way though, as I want to just select an area of a div to let the user position things on screen (well, in an area). Nice work, thankyou!

Comment by sanjay.uttam, Feb 11, 2009

@katkam.rajesh

For an ASP.NET example with code, please check out: http://geekswithblogs.net/SanjayU/articles/asp.net-image--photo-cropper-in-c.aspx

SanjayU

Comment by jadiagau...@gmail.com, May 23, 2009

Is there any server side implementation for JavaEE with Spring Framework???

Comment by rascalnet, Jul 01, 2009

anyone else having issues with firefox 3.5

Comment by TeikkMind, Jul 17, 2009

Hi, Nice work and very easy to use with coldfusion. I would like to integrate this cropper for a web site which is working on a server with coldfusion 7 but I can't use neither cfimage or imageCrop() because they have been implemented for coldfusion 8. Any idea about How I could do?