Image Upload Control for ASP.NET

Note. The following examples requires the end-user's browser to support HTML5 technology. It means that it works in modern browsers only: IE10+, Safari 6+, Firefox 4+, Google Chrome, and Opera 12+.

1. Preview and Crop Before Upload - use rectangle crop-area

A sample demonstrates how to resize and crop an image with a rectangular shape.

2. Preview and Crop Before Upload - use square crop-area

A sample demonstrates how to resize and crop an image with a square shape.

3. Drag and drop & Image Crop

A sample demonstrates how to drag drop photo and crop it before upload.

4. Drag and drop & Image Crop (w/a different UI)

A sample demonstrates how to drag drop photo and crop it before upload.

5. Drag and drop - Preview & Crop

Give your users an in-browser preview of images before they upload. You can even have scaled versions of images generated and uploaded automatically.

Drag and Drop - Multiple Image Upload

Complicited samples

1. Drag and drop & preview image from gridview

An advanced sample demonstrates how to drag drop images and preview images from gridview.

2. Drag and drop & preview image from listview

An advanced sample demonstrates how to drag drop images and preview images from listview.

Drag and Drop - Webcam

1. Drag and Drop - Webcam Demo

Uploading Image by File Browsing, Dragging & Dropping and Using Webcam.

2. Drag and Drop - Webcam Demo

Uploading Image by File Browsing, Dragging & Dropping and Using Webcam.