首页 > 代码库 > 如何读取二进制图片－Gridview中显示二进制图片 --2--(转载)

如何读取二进制图片－Gridview中显示二进制图片 --2--(转载)

2024-07-27 04:04:08   214人阅读

  上一次描述了如何读取一张图片。现在来讲讲更为实际的使用。在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=http://www.mamicode.com/‘<%# Eval("EmployeeID", "ImageHandler.ashx?id={0}") %>‘ />
                        </ItemTemplate>
                        <AlternatingItemTemplate>
                            <img ID="Image1"  src=http://www.mamicode.com/‘<%# 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=http://www.mamicode.com/‘<%# 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

如何读取二进制图片－Gridview中显示二进制图片 --2--(转载)


联系
我们