I want to show Images in Grid view

Question

1.44/5 (2 votes)

See more:

i want show images in grid view and also add in data my code is....

C#

using System;
using System.Collections.Generic;
using System.Data;
using System.Data.SqlClient;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace UploadImages
{
    public partial class WebForm1 : System.Web.UI.Page
    {
      
        SqlConnection conn = new SqlConnection();
        protected void Page_Load(object sender, EventArgs e)
        {
            conn.ConnectionString = "Data Source=DELL-PC;Initial Catalog=db;Integrated Security=True";
            Load_GridData(); // call method below
        }

        void Load_GridData()
        {
            conn.Open();  // open the connection 
            SqlDataAdapter Sqa = new SqlDataAdapter("select * from ImageToTable", 
            DataSet ds = new DataSet();
            Sqa.Fill(ds);   // fill the dataset 
            GridView1.DataSource = ds; // give data to GridView
            GridView1.DataBind();
            conn.Close();
        }




    }
}

My Xml Code

XML

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="UploadImages.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head  runat="server">
    <title></title>
</head>
<body>
    <form id="form1"  runat="server">
    <div>
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
            <Columns>
                <asp:BoundField DataField="name" HeaderText="name" />
                <asp:ImageField DataImageUrlField="myphoto" HeaderText="images">
                </asp:ImageField>
            </Columns>
        </asp:GridView>
    </div>
    </form>
</body>
</html>

conn);

Plz answer me step by step my db is

SQL

myphoto	image	Checked
name	nvarchar(50)	Checked
id	nchar(10)	Unchecked

Posted 23-Apr-15 3:32am

Sandy W

Updated 23-Apr-15 3:39am

v2

Add a Solution

Comments

Herman<T>.Instance 23-Apr-15 9:42am

Is Google banned from your country?
What is the problem or question?

Deepak Kanswal Sharma 23-Apr-15 10:44am

Google banned in your country!! LOL!!

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Joan Magnet · Answer 1 · 2015-04-23T05:20:00

Add a new aspx page in your project like GetImg.aspx, that requires the imageID as a param.

Add a new function or directly in PageLoad

SqlConnection con = new SqlConnection(your_connection);
SqlCommand cmd = new SqlCommand("select Imatge from table where idImge ='" + paramIdImg + "'", con);

con.Open();
				
SqlDataReader reader = cmd.ExecuteReader(CommandBehavior.SequentialAccess);

if (reader.Read())
{
	Response.ContentType = "image/jpg";
	Response.Clear();
	Response.BufferOutput = true;

	SqlBinary sb = reader.GetSqlBinary(0);
	Response.BinaryWrite(sb.Value);

	Response.Flush();
}
		
reader.Close();
con.Close();

The column of your gridview must be something like this:

ASP.NET

<itemtemplate>>
<asp:image id="Image1" runat="server" backcolor="Transparent" height="75px" imageurl="<%# Eval("YourDbFIeld", "GetImg.aspx?paramImg={0}") %>" width="75px" xmlns:asp="#unknown" />

BacchusBeale · Answer 2 · 2015-04-23T05:08:00

Solution 1

There's an article on this site:
Displaying Images from a Database in a GridView[^]

Posted 23-Apr-15 5:08am

BacchusBeale