Show image preview before uploading using fileupload control in ASP.NET using jQuery

In this article I will explain how to show the preview of the image before uploading the image through fileupload control in asp.net.

Sometime it is required to preview the image that we are going to upload before actually uploading the image. This is very common requirement that every developer faces.

This functionality can be achieved by using jQuery easily. jQuery is fast and very useful to show preview.

Read More

Create thumbnail, small and large version of the uploaded image in Asp.net?

Introduction: 

In this article i will learn how to create thumbnail image, small image and large image version of the image uploaded using file-upload control in Asp.net. 

Description: While working with asp.net application, sometimes it is required to create thumbnail, small and large version of the image.

Implementation: Let's create an asp.net website demonstrate the concept:

Read More

Resize image in Asp.net.

Introduction: 

In this article I’ll explain how to upload image using fileupload control and resize it in ASP.Net(C# & VB.NET).
Description: While working on asp.net application it is sometimes required to resize the image as per application requirement. Suppose there is image upload functionality in your website where user can upload their pictures. In this case you must resize the image before storing so that web space requirement for storing can be reduced.

Read More

Validate and upload image in code behind in asp.net

Introduction: 

 It is always better to validate the file extension before uploading it i.e. if you want the user can upload only .jpg, .jpeg, .png, .gif , .bmp files then you have to check the extension of the file the user is going to upload before uploading.

Suppose, somewhere in your application if you want to upload profile pic, in that case you have to check the extension of the picture before uploading. So that nobody can upload file with different file extension.

Here is the example with code:

Read More