Image crop

Hello Everyone,

We need to script/jquery, where user can select image, able to crop, but user can upload/select multiple images at at time or one by one, so when user click crop button then selected image's cropping part need to add to thumb list, so this way user can select/upload multiple images with cropping for any project, then user will enter all other details like: title, description something, and when finally user click save button, need to pass all cropped images to server for save to folder, and all details to save to db.

If, you find any solution/URL or any script then please let me know.

Thanks,

 

This will likely require extensive use of AJAX. Canvas may be usable for certain parts, but saving the image will require server side programming, unless you use toDataURL (not recommended for this type of application).

 

It's actually not that much of a deal. You create a resizable div on top an image and check its positions. When you hit a button you send the information to the server and use ImageMagick to crop the image. So, in general it's fairly straightforward but there I don't know of any solution that has everything you want. This could be a starting point though. Anything else would probably require development.