从SQL Server数据库提取图片并显示在DataGrid

下面的代码实现从SQL Server数据库提取图片并显示在DataGrid的功能。

下面就是完整的代码,拷贝即可运行:

DataGridShowImage.aspx

<%@ Page language="c#" debug="true" Codebehind="DataGridShowImage.aspx.cs" AutoEventWireup="false"
 Inherits
="eMeng.Exam.DataGridShowImage.DataGridShowImage" 
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
  
<title>从数据库中取得照片并显示在DataGrid中</title>
  
<meta name="GENERATOR" Content="Microsoft Visual Studio 7.0">
  
<meta name="CODE_LANGUAGE" Content="C#">
  
<meta name="vs_defaultClientScript" content="JavaScript">
  
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="DataGridShowImage" method="post" runat="server">
  
<h3 align="center">从数据库中取得照片并显示在DataGrid中</h3>
  
<asp:DataGrid ID="DG_Persons" AutoGenerateColumns="False" Width="99%" HeaderStyle-BackColor="#ff0000"
   HeaderStyle-Font-Bold
="True" HeaderStyle-ForeColor="#ffffff" ItemStyle-BackColor="Beige"
    BorderColor
="#000000" Runat="server" HeaderStyle-HorizontalAlign="Center">
  
<Columns>
    
<asp:TemplateColumn HeaderText="姓名">
      
<ItemTemplate>
        
<asp:Label Runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "PersonName") %>' ID="Label1"/>
      
</ItemTemplate>
    
</asp:TemplateColumn>
    
<asp:TemplateColumn HeaderText="电子邮件">
      
<ItemTemplate>
        
<asp:Label Runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "PersonEmail") %>' ID="Label2"/>
      
</ItemTemplate>
    
</asp:TemplateColumn>
    
<asp:TemplateColumn HeaderText="性别">
      
<ItemTemplate>
        
<asp:Label Runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "PersonSex") %>' ID="Label3"/>
      
</ItemTemplate>
    
</asp:TemplateColumn>
    
<asp:TemplateColumn HeaderText="出生日期">
      
<ItemTemplate>
        
<asp:Label Runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "PersonDOB") %>' ID="Label4"/>
      
</ItemTemplate>
    
</asp:TemplateColumn>
    
<asp:TemplateColumn HeaderText="照片">
      
<ItemTemplate>
        
<asp:Image Runat=server ID="Image1"
         ImageUrl
='<%# FormatURL(DataBinder.Eval(Container.DataItem, "PersonID")) %>' />
      
</ItemTemplate>
    
</asp:TemplateColumn>
  
</Columns>
  
</asp:DataGrid>
</form>
</body>
</HTML>

 

DataGridShowImage.aspx.cs

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 eMeng.Exam.DataGridShowImage
{
 
/// <summary>
 
/// DataGridShowImage 的摘要说明。
 
/// </summary>

 public class DataGridShowImage : System.Web.UI.Page
 
{
  
protected System.Web.UI.WebControls.DataGrid DG_Persons;

  
private void Page_Load(object sender, System.EventArgs e)
  
{
   
// 在此处放置用户代码以初始化页面
   if(!this.IsPostBack)
   
{
    BindGrid();
   }


  }

  
private void BindGrid()
  
{
   
string strCnn  = "Data Source=.;Initial Catalog=mxh;User Id=sa;Password=;";
   SqlConnection myConnection 
= new SqlConnection(strCnn);
   SqlCommand myCommand 
= new SqlCommand("SELECT * FROM Person", myConnection);
   myCommand.CommandType 
= CommandType.Text;
   
try
   
{
    myConnection.Open();
    DG_Persons.DataSource 
= myCommand.ExecuteReader(CommandBehavior.CloseConnection);
    DG_Persons.DataBind();
   }

   
catch(SqlException SQLexc)
   
{
    Response.Write(
"提取数据时出现错误:" + SQLexc.ToString());
   }

  }

  
protected string FormatURL(object strArgument)
  
{
   
return "ReadImage.aspx?id=" + strArgument.ToString();
  }


Web Form Designer generated code
 }

}

 

ReadImage.aspx

<%@ Page language="c#" Codebehind="ReadImage.aspx.cs" AutoEventWireup="false"
 Inherits
="eMeng.Exam.DataGridShowImage.ReadImage" 
%>

ReadImage.aspx.cs

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Data.SqlClient;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;

namespace eMeng.Exam.DataGridShowImage
{
  
/// <summary>
  
/// ReadImage 的摘要说明。
  
/// </summary>

  public class ReadImage : System.Web.UI.Page
  
{
  
private void Page_Load(object sender, System.EventArgs e)
  
{
   
// 在此处放置用户代码以初始化页面
   string strImageID = Request.QueryString["id"];
   SqlConnection myConnection 
= new SqlConnection("Data Source=.;Initial Catalog=mxh;User Id=sa;Password=;");
   SqlCommand myCommand 
= new SqlCommand("Select PersonImageType, PersonImage from Person Where PersonID=" 
    
+ strImageID, myConnection);

   
try
   
{
    myConnection.Open();
    SqlDataReader myDataReader;
    myDataReader 
= myCommand.ExecuteReader(CommandBehavior.CloseConnection);
    
if(myDataReader.Read())
    
{
     Response.Clear();

     Response.ContentType 
= myDataReader["PersonImageType"].ToString();
     Response.BinaryWrite((
byte[])myDataReader["PersonImage"]);
    }

    myConnection.Close();
   }

   
catch (SqlException SQLexc)
   
{
   }

   Response.End();
  }

    
Web Form Designer generated code
  }

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

peter824

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值