上一次描述了如何读取一张图片。现在来讲讲更为实际的使用。在GridView中读取数据库中保存的图片信息。我讲采用vs2005 + sqlServer2000。访问有名的Northwind数据库中的Employee表。其中Employee表中的photo中保存了员工的信息(image类型）。我要做的是讲每一个员工的信息都显示出来包括他们的图片信息。
注意：
1.photo中的信息是二进制的，其中有效的图片信息是从第78位开始的。所以当你想要转换图片信息的时候应该从第78位开始。
2. 我的例子中使用的是<img>显示图片信息的。当然你也可以使用imageWeb控件来显示。我尝试过，如果你使用的是Image控件的话你在调试模式下会报错，但在浏览模式下就是正常的。其原因我也不清楚。各位可以尝试一下。随便也告诉一下我原因。
下面是代码。
default.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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>无标题页</title></head><body> <form id="form1" runat="server"> <div> <div style="width: 100px; position: static; height: 100px; margin:auto;"> <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="EmployeeID" DataSourceID="SqlDataSource1" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="3"> <Columns> <asp:BoundField DataField="LastName" HeaderText="LastName" SortExpression="LastName" /> <asp:BoundField DataField="FirstName" HeaderText="FirstName" SortExpression="FirstName" /> <asp:TemplateField> <EditItemTemplate> <asp:TextBox ID="TextBox1" runat="server" Text='<%# Eval("EmployeeID") %>'></asp:TextBox> </EditItemTemplate> <ItemTemplate> <img ID="Image1" src='<%# Eval("EmployeeID", "ImageHandler.ashx?id={0}") %>' /> </ItemTemplate> <AlternatingItemTemplate> <img ID="Image1" src='<%# Eval("EmployeeID", "ImageHandler.ashx?id={0}") %>'/> </AlternatingItemTemplate> </asp:TemplateField> </Columns> <FooterStyle BackColor="White" ForeColor="#000066" /> <RowStyle ForeColor="#000066" /> <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" /> <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" /> <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" /> </asp:GridView> </div> </div> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>" SelectCommand="SELECT [LastName], [FirstName], [EmployeeID] FROM [Employees]"></asp:SqlDataSource> </form></body></html>default.aspx.cs 中不需要任何代码。注意以上的<img ID="Image2" src='<%# Eval("EmployeeID", "ImageHandler.ashx?id={0}") %>'/> 中的src指向的就是下面你编写的文件。
ImageHandler.ashx
<%@ WebHandler Language="C#" Class="ImageHandler" %>using System;using System.Web;using System.Data;using System.Data.SqlClient;public class ImageHandler : IHttpHandler {
public void ProcessRequest (HttpContext context) 
{
//获取雇员ID。 string id = context.Request.QueryString["id"]; //这里可以使用我在上一个例子中读图片的文件的例子来代替。 //altimageData的作用是数据库中不存在照片数据的时候可以 //显示这个默认的图片。我在这里就用它来代替了。没有实际作用。 byte[] altimageData = new byte[1]; byte[] imageData = altimageData; using (SqlConnection conn = new SqlConnection(System.Configuration.ConfigurationManager.ConnectionStrings["NorthwindConnectionString"].ConnectionString)) { SqlCommand comm = new SqlCommand("SELECT Photo FROM Employees WHERE EmployeeID = @EmployeeID", conn); SqlParameter parm = comm.Parameters.Add("@EmployeeID", SqlDbType.Int, 4); parm.Value = int.Parse(id); conn.Open(); using (SqlDataReader rdr = comm.ExecuteReader(CommandBehavior.SingleRow)) { if (rdr.Read()) //为了防止你读的数据是空的而做的。如果没有图片就使用替代图片来代替。 imageData = (rdr[0] == System.DBNull.Value) ? altimageData : (byte[])rdr[0];
} } //写入图片信息到输出流中。 context.Response.OutputStream.Write(imageData, 78, imageData.Length - 78); } public bool IsReusable { get { return false; } }
}源代码下载
