Insert Image in GridView without database in ASP.Net using C# and VB.Net

Hi jochk12345,

Refer below sample code.

HTML

<table>
    <tr>
        <td>Name:
        </td>
        <td>
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        </td>
    </tr>
    <tr>
        <td>Country
        </td>
        <td>
            <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

        </td>
    </tr>
    <tr>
        <td>Image
        </td>
        <td>
            <asp:FileUpload ID="FileUpload1" runat="server" />
        </td>
    </tr>
    <tr>
        <td></td>
        <td>
            <asp:Button ID="Button1" runat="server" Text="Submit" OnClick="Button1_Click" />
        </td>
    </tr>
</table>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
    <Columns>
        <asp:BoundField DataField="Name" HeaderText="Name" />
        <asp:BoundField DataField="Country" HeaderText="Country" />
        <asp:TemplateField>
            <ItemTemplate>
                <asp:Image ID="Image1" runat="server" ImageUrl='<%#Eval("Image") %>' />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

Namespaces

C#

using System.Data;

VB.Net

Imports System.Data

Code

C#

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        maketable();
        bind();
    }
}
protected void bind()
{
    GridView1.DataSource = (DataTable)ViewState["dt"];
    GridView1.DataBind();
}
protected void maketable()
{
    DataTable dt = new DataTable();
    dt.Columns.AddRange(new DataColumn[]{
                new DataColumn("Name",typeof(string)),
                new DataColumn("Country",typeof(string)),
                new DataColumn("Image",typeof(string)) });
    ViewState["dt"] = dt;
}
protected void Button1_Click(object sender, EventArgs e)
{
    string path = "~/Images/" + System.IO.Path.GetFileName(FileUpload1.PostedFile.FileName);
    FileUpload1.PostedFile.SaveAs(Server.MapPath(path));
    DataTable dt = (DataTable)ViewState["dt"];
    dt.Rows.Add(TextBox1.Text, TextBox2.Text, path);
    ViewState["dt"] = dt;
    bind();
}

VB.Net

Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
    If Not IsPostBack Then
        maketable()
        bind()
    End If
End Sub

Protected Sub bind()
    GridView1.DataSource = CType(ViewState("dt"), DataTable)
    GridView1.DataBind()
End Sub

Protected Sub maketable()
    Dim dt As DataTable = New DataTable()
    dt.Columns.AddRange(New DataColumn() {
                        New DataColumn("Name", GetType(String)),
                        New DataColumn("Country", GetType(String)),
                        New DataColumn("Image", GetType(String))})
    ViewState("dt") = dt
End Sub

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs)
    Dim path As String = "~/Images/" & System.IO.Path.GetFileName(FileUpload1.PostedFile.FileName)
    FileUpload1.PostedFile.SaveAs(Server.MapPath(path))
    Dim dt As DataTable = CType(ViewState("dt"), DataTable)
    dt.Rows.Add(TextBox1.Text, TextBox2.Text, path)
    ViewState("dt") = dt
    bind()
End Sub

Screenshot