ASP.NET,C#.NET,VB.NET,JQuery,JavaScript,Gridview,SQL Server,Ajax,SSRS,AngularJs,C#,Gridview Row,dotnet XML examples

IMAGE UPLOAD & BIND GRIDVIEW

Image Upload And Bind The Gridview After Inserted Images Using Asp.Net C#.

Image Upload Without Button Click
Corp Image Using JQuery

Multiple Image Upload
Image Update in Gridview
Show Image Preview
Restrict Upload File Size
Image Insert Bind GridView
Without Database Upload Image Show

DEMO

HTML Coding

<title>Save Images In Folder and Display Images in Gridview from folder</title>

</head>

<body>

<div>

<asp:FileUpload ID="FileUpload1" runat="server" />

</td><td> <asp:TextBox ID="txtName" runat="server"></asp:TextBox>

</td></tr>

</td><td><asp:TextBox ID="txtAge" runat="server"></asp:TextBox></td></tr>

<tr><td ><asp:Button ID="btnSubmit"

runat="server" Text="Submit" onclick="btnSubmit_Click" />

</td></tr>

<asp:Button ID="Button1"

runat="server" OnClick="Button1_Click1" Text="Show All Images" />

<asp:GridView ID="GridView1"

runat="server" AutoGenerateColumns="False">

<asp:TemplateField HeaderText="Name">

<asp:Label ID="Label2" runat="server"

Text='<%# Eval("name") %>'></asp:Label>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="Age">

<asp:Label ID="Label3" runat="server"

Text='<%# Eval("age") %>'></asp:Label>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="ImageName">

<asp:Image ID="Image1" runat="server"

ImageUrl='<%# Eval("imagepath") %>' />

</ItemTemplate>

</asp:TemplateField>

</Columns>

</asp:GridView>

</table>

</div>

</form>

</body>

</html>

C# Coding

Image Upload & insert

NameSpace

using System.IO

protected void btnSubmit_Click(object sender, EventArgs e)

{

if (FileUpload1.PostedFile != null)

{

name=Path.GetFileName(FileUpload1.PostedFile.FileName);

FileUpload1.SaveAs(Server.MapPath("files/" + name));

SqlCommand cmd = new SqlCommand

("insert into upload(name,age,imagename,imagepath)values('" +txtName.Text + "','" + txtAge.Text + "','" + name + "','" + "files/" + name + "')", con);

cmd.ExecuteNonQuery();

con.Close();

Response.Write("<script>alert ('Data Inserted')</script>");

}

Gridview Bind All Table Values (Select query)

protected void Button1_Click1(object sender, EventArgs e)

{

dbcon();

query = "select * from upload";

cmd = new SqlCommand(query, con);

adp = new SqlDataAdapter(cmd);

ds = new DataSet();

adp.Fill(ds);

GridView1.DataSource = ds;

GridView1.DataBind();

}

First - Select New WebForm - Add file Upload Tool From Toolbox & Label & Textboxes - Change the Textbox Id name

Next - Create Table & Column name

Create name,age,imagename,image path datatype=nvarchar(50) or (MAX)

Next - Double Click Submit Button

Namespaces Add using System.IO & DataBase Connection

Write the file Upload & Insert Coding Below Like that

Next - Right Click Solution Explorer - Add Empty Folder (files) required name

Next - F5 Click - Run the Program - Browse Button Click - Select Image folder

Upload the selected Folder

Next - Image Added & name & age given - submit Button

Image & name & age inserted

two or three image insert alternately

Next - Want to bind the gridview inserted Images - Add Gridview - Right click - Select Edit Column- Remove Auto generate fields

Select - Template Field - Go to Header Text - change the name to your database Field Name(for display only if you want to captial Letter given)

Next - Click OK Button - Go to Design page

GridView Added Column Name

Next - Right Click GridView - Select Edit Template

Select - Column Name from GridView Task - Select Name - Label Add to Item Template

Next - Select Label - Select Edit DataBinding - Given Coding to Database Field Name Eval("fieldname")

Select - Column Name from GridView Task - Select Age - Label add to Item Template
Next - Select Label - Select Edit DataBinding - Given Coding to Database Field Name Eval("fieldname")

Select - Column Name from GridView Task - Select imagename - Label add to Item Template

Select - Image from ToolBox to Item Template - Select - Edit Binding- Add imagepath name Eval("imagepath")