Som du kanske ser så har inte våran knapp något Click-event, och något sådant behövs heller inte utan att sköts
via Page_Load.

Om vi går till Code-läget och hoppar till page-load så är det första vi ska göra att kolla om det är en Postback samt
om våran fileupload innehåller någon fil. Detta görs genom följande kodrader

// Börja med att kolla om det är en Postback
1.         if (IsPostBack)
2.         {
3.             // Om det är en postback så kollar vi om vi har en fil
4.             // Har vi det så tar vi hand om den
5.             if (fuImage.HasFile)
6.             {

Som du ser så är det inga konstigheter här, utan vi kollar först om det är en Postback och sedan om vi har en fil på ingång.
Eftersom vi inte vill tillåta annat än bilder så kontrollerar vi detta

1.                 // Vi tar med hjälp av metoden GetExtension reda på vilken filtyp
2.                 // det är då vi vill ha möjlighet att begränsa filtyperna till olika
3.                 // bildformat då det är bilduppladdning vi håller på med. För att förenkla
4.                 // kollen senare av filändelsen så gör vi om den så att den bara innehåller
5.                 // små bokstäver med hjälp av metoden ToLower()
6.                 String extension = System.IO.Path.GetExtension(fuImage.FileName).ToLower();
7.                 // Sedan skapar vi en array med de filtyper som vi vill godkänna
8.                 String[] extensions = { ".gif", ".jpeg", ".jpg" };
9.                
10.                 // Denna variabel sätts till true om det är en tillåten filtyp vi har att göra
11.                 // med.
12.                 bool allowed = false;
13.                 // Vi loopar igenom våran array med tillåtna filändelser                
14.                 foreach (String ex in extensions)
15.                 {
16.                     // Om vi får en match betyder det att våran fil är tillåten och allowed sätts till true
17.                     if (ex.Equals(extension))
18.                         allowed = true;
19.                 }

Koden förklarar sig självt väldigt bra tycker jag och vi hoppar direkt till nästa del, vilken tar upp själva sparandet av filen samt
skapandet av thumbnailen.

                // Nu kollar vi om det var en tillåten fil vi hade sparar vi den
1.                 // i mappen images, annars skriver vi bara ut ett felmeddelande
2.                 if (allowed)
3.                 {
4.                     // Vi sparar våran filnamn i en variabel innan vi använder den då vi
5.                     // vill använda den för att förminska bilden. Guid.NewGuid skapar ett så
6.                     //gott som unikt värde som kan användas då man behöver unika namn.
7.                     String filename = Guid.NewGuid() + extension;
8.                     // Sparar filen,
9.                     fuImage.SaveAs(Server.MapPath("images/") + filename);
10.                     // Efter att bilden är sparad så ska vi förminska den
11.                     // Vi börjar med att ladda in våran bild i ett Image-objekt
12.                     // med hjälp av den den InputStream som vi får av upload-kontroll
13.                     System.Drawing.Image imgImage = Bitmap.FromStream(fuImage.PostedFile.InputStream);
14.                     // För att våran bild ska ha de rätta proportionerna även efter
15.                     // förminskningen så tar vi ut höjd samt bredd från orginalbilden.
16.                     int height, width;
17.                     // Vi tar ut höjden och bredden från orginalbilden för att
18.                     // kunna kontrollera den.
19.                     height = imgImage.Height;
20.                     width = imgImage.Width;
21.                     // Här bestämmer jag att maximala höjden på den nya bilden ska vara 120 pixlar.
22.                     if (height > 120)
23.                     {
24.                         // Vi sätter bredden till 120* förhållandet mellan bredd & höjd på orginalbilden
25.                         width = 120 * width / height;
26.                         height = 120;
27.                     }
29.                     // Skapar våran thumbnail från orginalbilden med de nya värdena
30.                     imgImage = imgImage.GetThumbnailImage(width, height, null, System.IntPtr.Zero);
31.                     // Sedan sparar vi denna bild med samma namn som orginalet i katalogen thumbs som återfinns i mappen images
32.                     imgImage.Save(Server.MapPath("images/thumbs/") + filename);
33.                     // Sist men absolut inte minst så förstör vi våra objekt för att frigöra minnet
34.                     imgImage.Dispose();
35.                     fuImage.Dispose();
36.                     // Talar om att allt gick som det skulle samt visar thumbnailen
37.                     lblStatusMessage.Text = "Bild uppladdad och thumbnail skapad <img src=\"images\\thumbs\\" + filename + "\">";
38.                 }
39.                 else
40.                     lblStatusMessage.Text = "Otillåten filtyp.";
41.                    
42.             }
44.         }

Så enkelt var det att i ASP.NET både ladda upp en bild och skapa en thumbnail. Hur du väljer att presentera de uppladdade bilderna tänkte jag låta vara upp till dig. För att du ska kunna testa så finns som vanligt möjlighet att ladda ner hela projektet samt att testa det live direkt här.

Demo: http://aspdotnet.nu/upload/demo/ImageUploadWithResize/
Script: http://aspdotnet.nu/upload/script/ImageUploadWithResize.rar