上一篇文章说了如何把图片保存到数据库中，所以做了个例子，将图片显示在DATAGRID。前面说过了用Response.BinaryWrite()只可以显示一张图片，现在用一个DATAGRID控件，将图片显示在DATAGRID中的IMAGE控件里。（提示：下面的例子没有做分页功能）
里面用了两个图片控件，一个是服务器端的ImageButton,另一个是客户端的Image控件。
前台代码：
|
1@ Page language="c#" Codebehind="DataGridImage.aspx.cs" AutoEventWireup="false" Inherits="NetTest.DataGridImage"
1<html>
2<head>
3<title>DataGridImage</title>
4<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR"/>
5<meta content="C#" name="CODE_LANGUAGE"/>
6<meta content="JavaScript" name="vs_defaultClientScript"/>
7<meta content=" http://schemas.microsoft.com/intellisense/ie5 " name="vs_targetSchema"/>
8</head>
9<body ms_positioning="GridLayout">
10<form id="Form1" method="post" runat="server">
11<table align="center" border="1" width="60%">
12<tbody>
13<tr>
14<td align="center"><font style="FONT-WEIGHT: bold; FONT-SIZE: 11pt">DataGrid中显示数据库中的图片</font></td>
15</tr>
16<tr>
17<td>
18<asp:datagrid autogeneratecolumns="False" id="DataGrid1" runat="server" width="100%">
19<columns>
20<asp:templatecolumn>
21<itemtemplate>
22<font face="宋体">
23<table border="0" cellpadding="1" cellspacing="1" id="Table1" width="100%">
24<tr>
25<td colspan="2"><font style="FONT-SIZE: 10pt">图片名称：</font> <font style="FONT-SIZE: 10pt">
26<asp:label id="lbImageName" runat="server" text='```
27# DataBinder.Eval(Container,"DataItem.ImageName")
28```'>
29</asp:label></font></td>
30</tr>
31<tr>
32<td><font style="FONT-SIZE: 10pt">图片：</font>
33<asp:image height="100" id="Imagebutton1" imageurl='```
34# "ReadImage.aspx?ImageID="+DataBinder.Eval(Container,"DataItem.ID")
35```' runat="server" width="100">
36</asp:image>
37</td>
38<td>
39<img "="" alt="" height="100" src='```
40# "ReadImage.aspx?ImageID="+DataBinder.Eval(Container,"DataItem.ID")
41```' width="100"/>
42</td>
43</tr>
44</table>
45</font>
46</itemtemplate>
47</asp:templatecolumn>
48</columns>
49</asp:datagrid></td>
50</tr>
51</tbody>
52</table>
53</form>
54</body>
55</html>
后台代码：
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
namespace NetTest
{
///
1<summary>
2/// DataGridImage 的摘要说明。
3/// </summary>
public class DataGridImage : System.Web.UI.Page
{
protected System.Web.UI.WebControls.DataGrid DataGrid1;
private string str="server=localhost;uid=sa;pwd=;database=northwind";
private void Page_Load(object sender, System.EventArgs e)
{
if(!IsPostBack)
{
FillData();
}
}
#region Web 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
///
1<summary>
2/// 设计器支持所需的方法 - 不要使用代码编辑器修改
3/// 此方法的内容。
4/// </summary>
private void InitializeComponent()
{
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
private void FillData()//绑定DATAGRID
{
SqlConnection cn=new SqlConnection(str);
SqlCommand cmd=new SqlCommand();
cmd.CommandText="SELECT * from UpImage";
cmd.Connection=cn;
cn.Open();
SqlDataAdapter da=new SqlDataAdapter();
da.SelectCommand=cmd;
DataSet ds=new DataSet();
da.Fill(ds,"Images");
DataGrid1.DataSource=ds.Tables["Images"];
DataGrid1.DataBind();
cn.Close();
}
}
}
ReadImage.aspx（根据传过来的图片的编号，取得图片。只要建一个页面就可以了，不用放置任何控件）
后台代码：
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
namespace NetTest
{
///
1<summary>
2/// ReadImage 的摘要说明。
3/// </summary>
public class ReadImage : System.Web.UI.Page
{
private void Page_Load(object sender, System.EventArgs e)
{
string conn="server=localhost;uid=sa;pwd=;database=northwind";
SqlConnection cn=new SqlConnection(conn);
SqlCommand cmd=new SqlCommand();
cmd.CommandText="select Image from UpImage where ID='"+this.Request["ImageID"]+"'";
cmd.Connection=cn;
cn.Open();
this.Response.ContentType="image/*";
SqlDataReader dr=cmd.ExecuteReader();
while(dr.Read())
{
this.Response.BinaryWrite((byte[])dr["Image"]);
}
cn.Close();
}
#region Web 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
///
1<summary>
2/// 设计器支持所需的方法 - 不要使用代码编辑器修改
3/// 此方法的内容。
4/// </summary>
private void InitializeComponent()
{
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
}
}