ASP.NET Image Cropper (VB)

[Rtyler]

I have been searching for an ASP.NET (VB) Image crop tool for quite some time, I have searched and not found anything I felt was great. (for free anyway!)

I decided to search just for the stuff I have struggled with, the java script!

I found this:

http://www.defusion.org.uk/code/java.../download-zip/

A great library of scripts which allows you to select co-ordinates on an image.

I have quickly coded a dirty page which allows you to:

• upload an image
• Crop that image
• See the result and its link
• crop the result
• and so on...

DEMO
http://www.teamclanmatch.com/cropper/tests/crop.aspx

If anyone is interested I can write a tutorial for this with source code, I'm asking first as if there is no interest I dont want to waste my time.

Also I would like your wish lists, I can add some features before I put the source code up...

[tabbykitty]

Hi there, i think your script is really great and i would love to see a tutorial and source code!

Wish list:

Is there any way that you can have an option to set the crop area to have fixed width and height but still be resizable (a bit like when you set the width and height in pixels in the crop tool of photoshop or other such image tools) but would crop to that size

Could you have an option to also set it up so that it will automatically create a thumbnail of a set width but with the correct aspect ratio and automatically rename the thumbnail with a suffix

Could you incorporate a progress bar for uploading

Have an option to allow it to overwrite the original (file exists) or at least warn that it will overwrite the original before file is uploaded.

Have an option to turn the cropping ability on or off, i noticed that if you just clicked "save image" without going near the image itself, it crops it automatically to the top left hand corner

Fanatastic work by the way so i would be very happy with is as it is. Thank you for sharing it

[Rtyler]

Hello, Thanks for the reply, I will make the changes you have asked for, are you looking to use it for anything in particular?

Ryan

[boatpgh]

Hi Great script.. i had another suggestion as an option: to be able to set a ratio for the crop box that can be stretched bigger or smaller while maintaining the ratio...

we have headshots on a site that have to be 107w x 150h. but the photos uploaded are often too large, we have the asp.net code resizing them but they are also often not in the right ratio. so if the crop box started out at 107x150, and then they could make it bigger to incorporate the entire person in the photo (while maintaining the ratio), then we could crop the image to the right area/ratio before resizing it down to the actual 107x150.

Hope that explanation is simple enough but just another idea. Thanks a lot for your examples so far! Looking forward to a tutorial.

[nikie]

Hi Ryan,

I would like to know how u integrated the javascrip cropper with asp.net.
I saw the demo that you have provided, my requirement is the same. Could you eloborate on the cropper as to how you have implemented.

Regards,

nikie

[Rtyler]

I found the javascript that can write the values to a text boxes, all I then needed to do was use there values (co-ordinates) to save the correct area of the image. If you visit the website that has the javascript source code you can see different versions of the code, like ratios selction, minimum selection size, buttons that show/hide the select box and so on.

[baltasarb]

Hi Rtyler, i would like to get source code for this demo: .: ASP.NET Upload - Crop Tool :.

It is perfect to apply to my project in asp.net vb.

Thank you very much, I am sorry about my english, i write you from spain.

[Rtyler]

I will update this code tonight and add a link for the source code.

[Rtyler]

Sadly I have never had time to make this into a proper app but for anyone wanting to use this:

http://teamclanmatch.com/ImageCrop.zip

This is very rough! It was proof of concept and just something I wanted to try out.

[zapray]

Hi Rtyler,

I'm using ur image cropping tool. It is clean and simple and just meet what I need.

As our site is in .NET framework 1.1 and VB, many cropping tools I found on the Internet are not useful.

I like your tool and I have a question.

When someone upload a picture, the cropping box is actually initiated as a 50x50 box at the left-top corner. But it's not showed to user. How can I make it visible once the image is uploaded?

Or how can I change the default cropping box dimension?

Thanks.