Resize uploaded images

How do you resize uploaded images

With the Smart Image Processor Extension you can resize your uploaded files and make them the size you want.
In this tutorial we will walk you step by step through the process of uploading images with Pure ASP.NET Upload to a folder on the server and resizing them to the size you want them to be with Smart Image Processor.

This is the process for the user:

1. The user will request the page with the file upload from the server.

2. The user will select the image to be uploaded from his/her computer and click submit.

3. The page is uploaded to the server where the image is resized and put into the folder you specified.

Page processing flow: 1. Images are saved in a folder 2. Images are resized 3. Images are saved with their original name, but end with .jpg

How to do it

1. Open page

   Open your aspx file where the Pure ASP.NET Upload Server behavior and the Smart Image Processor server behavior needs to be applied to..

2. First apply the Pure ASP.NET Upload behavior

   Make sure you have a form with a File Upload Field and a Submit button.
   
   
   
   1. From the Server Behaviors panel select DMXzone - Pure ASP.NET Upload.
   2. Browse to the folder where the images will need to be uploaded to.
   3. If you choose the option Prefix With Full Path, you do not need to mention the folder when you are trying to display the thumbnail.
   4. Leave Go To After Uploading empty, since we are not done after this.
   5. Click CTRL-S to save the file.
   
   

3.  Find the Smart Image Processor behavior panel

   You will find the Smart Image Processor panel under Server Behaviors. Click on the + sign, DMXzone, Smart Image Processor.
   
   

4. Open the Smart Image Processor panel

This will Open the Smart Image Processor Panel.



In Width & Height enter the maximum amount of pixels you want the image to be.
The image will adjust to that size. You can choose if you would like to keep the aspect ratio.

The image will be resaved as a jpeg. You can adjust the quality of the image. 80 is normal quality.

In After Resize, Go To enter the URL of the page where the page should be redirected after it has been processed.

5. Click ok

To apply the Smart Image Processor behavior click OK.
A message box appears to tell you that the file called PUImageProcessor.dll has been copied to your site in the bin folder. Click OK.

6. Save the file in your site

 You will need to save the file in your site. Now you are ready to go!