当前位置：首页 > 编程日记 > 正文

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

编程日记 2024-11-27 03:40: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+(图象设备接口+)来构建图象。

https://www.dkcj.cn/info/29288.html

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

相关文章：

如何度过二十多岁这段又穷又迷茫的岁月？

Qt 自定义信号与槽

php解析ip列表并入库

AI 领域新突破，腾讯发布首个AI药物研发平台「云深智药」

写入和读取图片（c＃ asp.net sqlserver）

【MyBatis学习01】宏观上把握MyBatis框架

消除图片在ie中缓存而无法更新的问题

Linux shell笔记

ACL最佳论文提出最新NLP模型测试方法，最佳论文提名也不可小觑

LVM逻辑卷的缩减与删除，LVM逻辑卷快照，btrfs文件系统，网络管理

屏掉F5刷新的办法

WAIC汇聚全球顶级科学家，畅谈人工智能的未来挑战与突破

ant学习笔记之（ant执行命令的详细参数和Ant自带的系统属性）

mipi和dsi

在asp.net中调用Office来制作各种（3D）统计图

个人谈谈seo

“编程能力差的程序员，90%输在这事上！”谷歌AI专家：都是瞎努力！

[译]JavaScript中,{}+{}等于多少?

大数量查询分页显示

Sep 26 09:22:41 ck01 kernel: Buffer I/O error on device sda2, logical block 2

启信宝CEO陈青山：AI+大数据驱动下的金融新生态

新手安装ruby on rails（ror）的成功必备手册

Logback学习笔记1

微软亚洲研究院副院长刘铁岩：AI如何助力节能减排?

如何在域控制器上安装asp.net?

前端思想实现：面向UI编程_____前端框架设计开发

如何检查当TextBox设置为多行时是不是超长了？

仅用2年过渡到自研ARM芯片，苹果的底气从何而来？

从“创业输家”到“创智赢家”

2.正则表达式