结合ashx来在DataGrid中显示从数据库中读出的图片

原创 2004年10月26日 19:00:00

作者:木子  http://blog.csdn.net/derny/

下面利用ashx文件可以方便实现从数据库中读取图片并显示在datagrid当中

 

//---------------------------------------BindImage.aspx ----------------------------------------

<%@ Page language="c#" Codebehind="BindImage.aspx.cs" AutoEventWireup="false" Inherits="ShowImage.BindImg" %>
<HTML>
 <HEAD>
  <title>BindImg</title>
 </HEAD>
 <body>
  <form id="Form1" method="post" runat="server">
   <FONT face="宋体">
    <asp:DataGrid id="MyDataGrid" runat="server" AutoGenerateColumns="False" Width="632px">
     <AlternatingItemStyle BackColor="Beige"></AlternatingItemStyle>
     <HeaderStyle HorizontalAlign="Center"></HeaderStyle>
     <Columns>
      <asp:TemplateColumn HeaderText="Photo">
       <ItemTemplate>
        <img src='<%# "GetImage.ashx?ID="+DataBinder.Eval(Container.DataItem,"EmployeeID")%>'>
       </ItemTemplate>
      </asp:TemplateColumn>
      <asp:BoundColumn DataField="LastName" HeaderText="Last Name"></asp:BoundColumn>
      <asp:BoundColumn DataField="FirstName" HeaderText="First Name"></asp:BoundColumn>
      <asp:BoundColumn DataField="title" HeaderText="Title"></asp:BoundColumn>
     </Columns>
    </asp:DataGrid></FONT>
  </form>
 </body>
</HTML>

<%@ Page language="c#" Codebehind="BindImage.aspx.cs" AutoEventWireup="false" Inherits="ShowImage.BindImage" %>

//------------------------------------BindImage.aspx.cs ---------------------------------------------P>using System;
using System.Data;
using System.Drawing;
using System.Web; using System.Data.SqlClient;

namespace ShowImage
{
 ///
 /// BindImg 的摘要说明。
 ///

 public class BindImage: System.Web.UI.Page
 {
  protected System.Web.UI.WebControls.DataGrid MyDataGrid;
 
  private void Page_Load(object sender, System.EventArgs e)
  {
   // 在此处放置用户代码以初始化页面
   if(!Page.IsPostBack)
   {
    SqlConnection conn = new SqlConnection(@"Server=shoutor/mydb;database=northwind;uid=sa;Pwd=shoutor");
    try
    {
     conn.Open();
     SqlCommand cmd = new SqlCommand("select employeeID,lastname,firstname,title from employees",conn);
     SqlDataReader reader = cmd.ExecuteReader();
     MyDataGrid.DataSource = reader;
     MyDataGrid.DataBind();
    }
    finally
    {
     conn.Close();
    }
   }
  }
  #region Web 窗体设计器生成的代码
  override protected void OnInit(EventArgs e)
  {
   //
   // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
   //

   InitializeComponent();
   base.OnInit(e);
  }
  
  ///
  /// 设计器支持所需的方法 - 不要使用代码编辑器修改
  /// 此方法的内容。
  ///

  private void InitializeComponent()
  {   
   this.Load += new System.EventHandler(this.Page_Load);
  }
  #endregion
 }
}

//-----------------------------GetImage.ashx ---------------------------------------

<%@ WebHandler Language="C#" Class="ShowImage.GetImage" CodeBehind="GetImage.ashx.cs" %>


//--------------------------------GetImage.ashx.cs----------------------------------

using System;
using System.Web;
using System.Data;
using System.Data.SqlClient;
using System.Drawing;
using System.Drawing.Imaging;
using System.IO;

namespace ShowImage
{
 ///
 /// GetImg 的摘要说明。
 ///

 public class GetImage : IHttpHandler
 {
  public void ProcessRequest(HttpContext context)
  {
   string id = (string)context.Request["id"];
   if(id!=null)
   {
    MemoryStream stream = new MemoryStream();
    SqlConnection conn = new SqlConnection(@"Server=;database=;uid=;Pwd=");
    Bitmap bm = null;
    Image image = null;
    try
    {
     conn.Open();
     SqlCommand cmd = new SqlCommand("select photo from employees where employeeid='"+id+"'",conn);
     byte[] blob = (byte[])cmd.ExecuteScalar();
     stream.Write (blob,78,blob.Length-78);
     bm = new Bitmap(stream);

     int width=48;
     int height = (int)(width*((double)bm.Height/(double)bm.Width));


     // GetThumbnailImage生成缩略图
     image = bm.GetThumbnailImage(width,height,null,IntPtr.Zero);

     context.Response.ContentType = "image/jpeg";

     image.Save(context.Response.OutputStream,ImageFormat.Jpeg);
    }
    finally
    {
     if(image!=null)
      image.Dispose();
     if(bm!=null)
      bm.Dispose();
     stream.Close();
     conn.Close();
    }
   }
  }
  
  public bool IsReusable
  {
   get
   {
    return true;
   }
  }  
 }
}

ProcessRequest使用了空架类库的易用的Image.GetThumbnailImage方法来把位图缩小到宽度为48像素,同时保持图象的长宽比。可以使用类似的技术来创建显示来自其他数据库图象的DataGrid。基本的思想是使用模板列来输出一个引用某个HTTP处理句柄的<img>标签,并在查询字符串中包含唯一标识图片所在的记录的信息。之后,HTTP处理句柄使用ADO.NET来获取图象数据位,并使用GDI+(图象设备接口+)来构建图象。

版权声明:本文为博主原创文章,未经博主允许不得转载。

一般处理程序(ASHX)完成增删改查

以前在学校ASP.NET都是用控件(如gridview),今天第一次接触用一般处理程序(.ashx)实现单表增删改查。 百度云盘下载链接:http://pan.baidu.com/share/lin...
  • qkqlqq0288
  • qkqlqq0288
  • 2013年05月22日 09:50
  • 2793

Jquery Ajax 调用 ashx 返回结果

using System; using System.Collections.Generic; using System.Linq; using System.Web; namespace Ctri...
  • ws_hgo
  • ws_hgo
  • 2013年03月05日 13:38
  • 16190

asp.net中,我们使用ashx获取数据列表,在前端使用$.ajax()解析

1 一直在想在asp.net中怎么才能向在java中那样用struts那样做页面请求。 2 3 当然asp.net mvc就是类似struts的东西吧,不过还没来得及学习。 4 5...
  • my98800
  • my98800
  • 2017年10月01日 19:44
  • 330

在DataGrid中显示数据库中的图片

前台代码:   DataGridImage        http://schemas.microsoft.com/intellisense/ie5">                      Da...
  • caoyuan85
  • caoyuan85
  • 2005年11月20日 00:16
  • 453

JqueryEasyUI常用的数据表格,以及如何展示图片!

1:DataGrid 效果图: 引入需要的文件: 渲染表格: 2:TreeGrid 效果图: 渲染TreeGrid 3:DataGrid显示图片 效果图: 渲...
  • u013628152
  • u013628152
  • 2015年01月07日 00:08
  • 8259

如何读取保存在数据库中的图片显示在DataGrid中

在DataGrid中有一个模板列,里面放置了一个ImageButton控件,当然Image也可以。你首先必须绑定DataGrid才能在使用DataBinder.Eval(Container,"Data...
  • fallingstarNo1
  • fallingstarNo1
  • 2006年05月22日 13:04
  • 643

ashx+ajax+database无刷新省市区联动

  • 2015年10月30日 13:49
  • 947KB
  • 下载

ashx文件的使用小结

一提到ashx文件,我们就会想到http handler以及图片加载(在之前我们一般使用ASPX或者Webservice去做),一般做法如下: Handler.ashx: 代码如下: usi...
  • wlming6
  • wlming6
  • 2015年07月16日 15:03
  • 190

结合ashx来在DataGrid中显示从数据库中读出的图片

 有关ashx后缀名的文件请看 消除图片在ie中缓存而无法更新的问题 相关文章从数据库中读取和保存图片请看 写入和读取图片(c# asp。net sqlserver) 相关文章 下面利用ashx文件可...
  • derny
  • derny
  • 2004年09月21日 18:53
  • 1812

存在数据库里的图片直接显示到PictureBox中

如果把图片作为Image类型存入数据库,当需要从数据库里调出显示的时候并不需要创建任何临时文件,可以利用pictureBox1.Image = System.Drawing.Image.FromStr...
  • ki1381
  • ki1381
  • 2007年03月04日 20:29
  • 3023
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:结合ashx来在DataGrid中显示从数据库中读出的图片
举报原因:
原因补充:

(最多只允许输入30个字)