Saturday, 26 May 2012

Simplest Way to upload an image in a Database


Page View:-
 By click on Upload button it will bind image to Asp:image Control and by click on Add button it will store the path of that image into database;
Page Source View:-

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="imageUpload.aspx.cs" Inherits="imageUpload" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
    </div>
    <asp:FileUpload ID="FileUpload1" runat="server" />
    <asp:Image ID="Image1" runat="server" Width="273px" />
    <p>
        <asp:Button ID="upload" runat="server" onclick="Button1_Click" Text="upload" />
        <asp:Button ID="Add" runat="server" onclick="Add_Click" Text="Add" />
    </p>
    <asp:Label ID="lblError" runat="server" Text="Label" Visible="False"></asp:Label>
    <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
    </form>
</body>
</html>

Code View:-


using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Data.SqlClient;

public partial class imageUpload : System.Web.UI.Page
{
    SqlConnection conn1 = new SqlConnection(ConfigurationManager.ConnectionStrings["cs"].ConnectionString);


    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        if (FileUpload1.HasFile)
        {
            string fileName = FileUpload1.FileName.ToString();
            string uploadFolderPath = "~/Image/";
            string filePath = HttpContext.Current.Server.MapPath(uploadFolderPath);
            FileUpload1.SaveAs(filePath + "\\" + fileName);
            Image1.ImageUrl = "~/Image/" + "/" + FileUpload1.FileName.ToString();
        }
    }
    protected void Add_Click(object sender, EventArgs e)
    {
        conn1.Open();
        SqlCommand cmd3 = new SqlCommand("insert into MyImage(image1) values('" + Image1.ImageUrl + "')", conn1);
        cmd3.ExecuteNonQuery();
        conn1.Close();
    }
}

My test database With table name as MyImage:-

Database Script:-  
USE [Test]
GO
/****** Object:  Table [dbo].[MyImage]    Script Date: 09/24/2011 15:27:54 ******/
SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO
SET ANSI_PADDING ON
GO
CREATE TABLE [dbo].[MyImage](
    [equipment_id] [int] IDENTITY(1,1) NOT NULL,
    [image1] [varchar](50) COLLATE SQL_Latin1_General_CP1_CI_AS NULL
) ON [PRIMARY]

GO
SET ANSI_PADDING OFF

No comments:

Post a Comment

Note: only a member of this blog may post a comment.