Trent Richardson
I’ve been doing a good bit of cropping uploaded images lately and I’ve managed to put together a nice bit of code to tie together three very nice jQuery modules: Impromptu, Uploadify, and jCrop. Uploadify uploads the photo, Impromptu opens up after the file is uploaded to present jCrop for the new image. The following is the result:
I’ve not released this yet for everyone to use as I’m still working the bugs out, but just note that its not difficult to do. The entire process uses basic options for every plugin. Hope you enjoy and I look forward to your feedback!
Related posts:
17 Responses
BenHen75
06|Jul|2009Very nice!!!!
anonymous
08|Jul|2009This is awesome! I’d never thought there was a good use for all the cropping utilities until now!
Erik
28|Jul|2009Hey, I’m using that flash image uploader on a project. If I were to want to use this crop thing – What would be the best way to make it work with the multi-image uploader?
How will the cropper handing when more than one image is uploaded at a time?
Looks great!
trent
28|Jul|2009Well the original theory I had for it was to use Impromptu States to que up the the images and jcrop each one in a multi upload situation, then “finish” when on the last one. However I’ve not resolved issues with multiple jCrop instances. Right now I only have it working for one image.
If you have any suggestions I’m all ears as I’ve not resolved this just yet. So far I’ve only needed single image uploads in my apps since the birth of this beast!
Cassy
29|Jul|2009This is great! When will it be released?
trent
29|Jul|2009It’s currently in the final stages of development, hopefully ready for a beta release soon. As mentioned before support for multi upload so far hasn’t been achieved, and would be a good stopping point for a first release if I can get that working.
Maurice
12|Aug|2009I’ve been looking for something like this for a LONG time! Looking forward to it’s release!
Maurice
12|Aug|2009I’ve been looking for something like this for a LONG time! Looking forward to it’s release!
Maurice
12|Aug|2009Sorry for the duplicate posts :-|
gtraxx
22|Sep|2009Great,
I am eager to see the result and test.
BenHen
22|Oct|2009Hi,
When this script will be released trent?
Thanks
trent
23|Oct|2009Sorry I’ve been overwhelmed with work lately. Unfortunately I’m yet to complete my todo list as far as documentation and examples, I may just try to gather up my files and make them available as a pre alpha/proceed with caution/if you dare release
BenHen
23|Oct|2009Okkk goood, thanx for your work!!
David Rivers
31|Oct|2009Can I has!?! I want this so bad!
trent
01|Nov|2009Hey David,
This plugin is now available, I posted a couple days ago here:
http://trentrichardson.com/2009/10/25/uberuploadcropper-jquery-upload-and-crop-plugin/
ClubPenguinCheats
06|Apr|2010I’ve been looking for something like this for a LONG time! Looking forward to it’s release!
Sarunas
08|Nov|2011Thanks for the best upload/crop script on the web as of today:)
All works fine and I was able to configure it to handle transparent pngs and other filetypes properly.
There is just one mor thing, what is the proper way to add a random number prefix to the filename?
If i do this in upload.php the image wouldnt show in the cropper (as it would reffer to the original name)