What's new? | Help | Directory | Sign in
Google
javascript-image-cropper-ui
JavaScript Image Cropper UI Using Prototype & script.aculo.us
  
  
    
Search
for
Updated Jun 13, 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:

  1. User uploads image
  2. Cropper is displayed
  3. User selects area to crop and submits a form
  4. Server crops and saves the image (may also resize - e.g. for a fixed size avatar)
  5. 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:

(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.:


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


Sign in to add a comment