上一次描述了如何读取一张图片。现在来讲讲更为实际的使用。在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;
}
}
}
分类: ASP.NET2.0