Image Upload, Crop and Resize with ASP.NET MVC jQuery Uploadify and jCrop
I needed a slick way for my customers to upload, crop and resize photos within my Church Management Software. After doing some research it seems that a bunch of existing libraries and utilities need to be combined to create a functional and slick user experience for this seemingly mundane task. Specifically the platform I want to use is ASP.NET MVC (although this code will work equally well in Java with a few changes) and the best tools for uploading and cropping images seem to be Uploadify and jCrop powered by jQuery (of course.)
I found a lot of examples of each different library used in ASP.NET (and a few in MVC) but the examples where rather simplistic and didn’t really provide an elegant end to end solution tying together these great libraries. So I went ahead and created a nice ASP.NET MVC based sample application that accomplishes the following…
- Uploads images with Uploadify
- Stores uploaded images in Cache
- Crops images using jCrop
- Resizing images
- All interactions handled by jQuery AJAX for a smooth UX
Aaron Schnieder
Check out my SaaS : Church
Management Software