Asp.net MVC配置文件图像控件

Question

In my ASP.NET MVC site, the users need to upload profile pictures, and resize/crop and move the image until the user is satisfied (within the red border as shown here: http://imgur.com/GqeCTil )

I've stumbled upon the http://imageresizing.net/ which is very fine, but i kinda need the front UI control for the users to use.

What is the easiest way to achieve this kinda control? do i have to develop my own, or do you guys have any recommendations?

Answer 1

If I understood your question, I added 2 links dealing with image re-sizing:

1. http://www.codeproject.com/Tips/481015/Rename-Resize-Upload-Image-ASP-NET-MVC
2. http://www.leniel.net/2012/04/resize-img-on-fly-aspnet-webimage.html

I hope it helps, please let me know...

Update : This link may help too (from comments) -

http://techslides.com/image-zoom-drag-and-crop-with-html5

Answer 2

I think better way to achieve this kinda control via javascript libraries. This pages contains demo.

1. Canvas and jquery example

2. jQuery plugin that Upload Drag & Crop Image example

I think the first one is better for your description.