Image Upload Resize Crop and store as byte format

Question

User1400852534 posted

In MVC 5 with Bootstrap and JQuery.

I want to allow user to upload image in following manner.

• User click on Image box of form.
• File selection dialog box will open for image file selection
• Check Image file size (height and width)
• If height is more than 600 or width is more than 800 then based on aspect ratio image should resize and open in popup dialog with resized image
• Dialog box should have finish button and resize image dropdown
• Resize image dropdown have three option (Large, Medium, and Small)
• Based on user selection image should resize like Large mean 800 X 600, Medium mean 600 X 450, and Small mean 400 X 300
• On finish button click cropped image should store as byte format in original image box so user can change picture multiple time.
• While user submits form, image should save with unique id in specified folder.
  

Answer 1

User-832373396 posted

<g class="gr_ gr_21 gr-alert gr_gramm gr_inline_cards gr_run_anim Punctuation only-ins replaceWithoutSep" id="21" data-gr-id="21">Hi</g> <g class="gr_ gr_22 gr-alert gr_spell gr_inline_cards gr_disable_anim_appear ContextualSpelling" id="22" data-gr-id="22">naimisar</g>,

Image Upload Resize Crop and store as byte format

Sir, I found a resource for you and recommend that you could modify a bit from asp.net form to MVC code based on the code.

Then you could modify something according to your project requirement.

with unique id

Commonly, we could use Guid for unique id

ep.

 Guid obj = Guid.NewGuid();  
 Console.WriteLine("New Guid is " + obj.ToString());  

https://msdn.microsoft.com/en-us/library/system.guid.newguid(v=vs.110).aspx 

With regards, Angelina Jolie