Click here to Skip to main content
Click here to Skip to main content

How to upload an image using ASP.NET

, 20 Apr 2003
Rate this:
Please Sign up or sign in to vote.
How to upload an image using ASP.NET for beginners

Introduction

This article is for beginners who want to learn how to upload images.

Step 1

First add the following HTML tag :-

<input id="Upload" style="Z-INDEX: 102; LEFT: 104px; WIDTH: 288px; 
  POSITION: absolute; TOP: 64px; HEIGHT: 22px" type="file" 
  size="28" name="Upload" runat="server"> 

This control will upload your image.

Step 2

Create a Button called "Upload" and another called "LoadImage".  Add the DataGrid and do required bindings.

Step 3

Lets see some sample code now.

    private void Button1_Click(object sender, System.EventArgs e)
    {
        //It verifies if the archive exists 
        if (Upload.PostedFile != null)
        {
            //To create a PostedFile
            HttpPostedFile File = Upload.PostedFile;

            //Create byte Array with file len
            byte[] Data = new Byte[File.ContentLength];
            //force the control to load data in array
            File.InputStream.Read(Data,0,File.ContentLength);
                
            int i = 0;

            //Dysplay array data in textbox
            for (i=0;i<Data.Length;i++)
            {
                TextBox1.Text += Data[i].ToString();  
            }

            //Create procedure parameter
            object[] obj = new object[1]; 

            obj[0] = Data;

            //Execute the procedure with Microsoft.ApplicationBlocks.Data
            //Simple procedure
            /*CREATE PROCEDURE sp_img(@img image)  AS

            insert into tb_img values(@img)*/

            //record data
            SqlHelper.ExecuteNonQuery(connectionString,"sp_img",obj);       

        }
    }

    private void Button2_Click(object sender, System.EventArgs e)
    {
        //Bind data to your grid
        //more details consulting
        //Working DataGrid TemplateColumns and Bind this Columns 
        DataSet ds = SqlHelper.ExecuteDataset(connectionString,
            "sp_load_img",null);
        grid.DataSource  = ds.Tables[0].DefaultView;
        grid.ObjectName = "Image1";
        grid.FieldName = "img";
        grid.Editable = false;
        grid.DataBind();
        grid.DataBindObjects(grid,ds,0,grid.PageSize);  

        int i =0;

        for (i=0;i<ds.Tables[0].Rows.Count;i++)
        {
                        //test your bitmap is valid 
                        //Demonstration
            byte[] bits = (byte[]) ds.Tables[0].Rows[i]
                ["img"];  
            MemoryStream memorybits = new MemoryStream(bits);
            Bitmap bitmap = new Bitmap(memorybits);
        }

 
    }

    private void grid_PageIndexChanged(object source, 
           System.Web.UI.WebControls.DataGridPageChangedEventArgs e)
    {
        //Page your grid
        //Bind data to your grid
        //more details consulting
        //Working DataGrid TemplateColumns and Bind this Columns 
        grid.CurrentPageIndex =e.NewPageIndex; 
        DataSet ds = SqlHelper.ExecuteDataset(connectionString,
            "sp_load_img",null);
        grid.DataSource  = ds.Tables[0].DefaultView;
        grid.ObjectName = "Image1";
        grid.FieldName = "img";
        grid.Editable = false;
        grid.DataBind();
        grid.DataBindObjects(grid,ds,e.NewPageIndex,grid.PageSize);  
        
    }
}

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here

About the Author

Esteves
Web Developer
Brazil Brazil
No Biography provided

Comments and Discussions

 
GeneralMy vote of 1 PinmemberKaran M31-Mar-14 1:33 
GeneralMy vote of 1 PinmemberJosh_T2-Apr-13 19:22 
Questionupload file Pinmemberceryhel8-Feb-13 16:33 
Questionhow to picture upload and show PinmemberRamita De12-Jun-12 0:50 
AnswerRe: how to picture upload and show PinmemberCorruptmind25-Jun-12 23:49 
AnswerRe: how to picture upload and show Pinmembershanid3608-Aug-12 19:07 
GeneralMy vote of 5 Pinmemberabhishekabhishek00714-Mar-12 0:18 
Generalhmm Pinmemberrajesh2434323-Apr-12 0:37 
QuestionHow to Move Image to specified location in asp.net Pinmembernaganesh28-Jul-10 19:07 
GeneralMy vote of 2 PinmemberAli Saeedi1-Feb-10 23:01 
GeneralI got it working in no time PinmemberWard Gannon17-Feb-09 11:54 
GeneralRe: I got it working in no time Pinmemberrajesh2434323-Apr-12 0:50 
Questioni try alot but not get the solution PinmemberAtif Younas14-Jan-07 4:17 
QuestionHow to Upload Image to Ms Access by using Vb.Net? PinmemberGeoffreyOng7-Sep-06 16:44 
AnswerRe: How to Upload Image to Ms Access by using Vb.Net? PinmemberGeoffreyOng7-Sep-06 17:15 
QuestionHow to Upload Image to Ms Access? PinmemberGeoffreyOng7-Sep-06 16:40 
Generalthanks Pinmemberk_hammami20052-May-06 4:08 
GeneralImage upload and resize web control Pinmemberzioturo6-Nov-05 6:29 
GeneralRe: Image upload and resize web control Pinmemberkmeyer7-May-06 4:29 
QuestionASP.NET VB Pinmemberbartvn28-Oct-05 0:30 
AnswerRe: ASP.NET VB PinmemberNirali Desai30-Mar-06 7:15 
GeneralStore images in DB Pinmemberbartvn28-Oct-05 0:29 
GeneralWhy Store in DB Pinmemberbelfegor17-Aug-05 10:36 
GeneralRe: Why Store in DB PinmemberFoxtracker20-May-07 7:40 
GeneralVery Very Bad Article Pinmembervivekthangaswamy10-Aug-05 1:19 
GeneralVery Very Bad Article Pinmembervivekthangaswamy10-Aug-05 1:18 
GeneralRe: Very Very Bad Article PinmemberMarcel7113-Dec-05 9:34 
GeneralCreate Report in WEB APPLICATION. Pinsusskjapanz13-Jul-05 22:14 
GeneralMultiple Selection of picture files PinsussMux9636-Jun-05 0:04 
GeneralHelp Me -- I want the Full Code Pinmembervivekthangaswamy27-Feb-05 7:02 
GeneralRe: Help Me -- I want the Full Code PinmemberEsteves8-Mar-05 12:43 
QuestionWhat about VB .Net ? please :( PinmemberHACKERGY23-Apr-04 5:45 
AnswerRe: What about VB .Net ? please :( Pinmembermanueell21-Sep-04 7:00 
GeneralDB Question PinmemberSteven Carleton29-Jun-03 12:10 
GeneralRe: DB Question PinmemberEsteves29-Jun-03 12:38 
GeneralRe: DB Question Pinsussknowon7-Mar-05 20:57 
GeneralRe: DB Question PinmemberEsteves8-Mar-05 12:42 
GeneralRe: DB Question(Important pls reply) PinmemberNisha_D6-Mar-07 22:13 
GeneralDoes not compile Pinmemberjeffkararo21-Apr-03 2:14 
GeneralRe: Does not compile PinmemberEsteves21-Apr-03 8:29 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web01 | 2.8.140709.1 | Last Updated 21 Apr 2003
Article Copyright 2002 by Esteves
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid