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

最新推荐文章于 2020-12-21 13:11:21 发布
最新推荐文章于 2020-12-21 13:11:21 发布
阅读量558 收藏
点赞数
分类专栏： C#技术 文章标签： datagrid 数据库 dataset image server asp.net

  现在用一个DATAGRID控件，将图片显示在DATAGRID中的IMAGE控件里.   里面用了两个图片控件，一个是服务器端的ImageButton,另一个是客户端的Image控件。   
  前台代码：  
  <%@   Page   language="c#"   Codebehind="DataGridImage.aspx.cs"   AutoEventWireup="false"   Inherits="NetTest.DataGridImage"   %>  
  <!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0   Transitional//EN"   >  
  <HTML>  
    <HEAD>  
      <title>DataGridImage</title>  
      <meta   name="GENERATOR"   Content="Microsoft   Visual   Studio   .NET   7.1">  
      <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="Form1"   method="post"   runat="server">  
        <table   align="center"   border="1"   width="60%">  
          <TBODY>  
            <tr>  
              <td   align="center"><font   style="FONT-WEIGHT:   bold;   FONT-SIZE:   11pt">DataGrid中显示数据库中的图片</font></td>  
            </tr>  
            <tr>  
              <td>  
                <asp:DataGrid   id="DataGrid1"   runat="server"   AutoGenerateColumns="False"   width="100%">  
                  <Columns>  
                    <asp:TemplateColumn>  
                      <ItemTemplate>  
                        <FONT   face="宋体">  
                          <TABLE   id="Table1"   cellSpacing="1"   cellPadding="1"   width="100%"   border="0">  
                            <TR>  
                              <TD   colspan="2"><FONT   style="FONT-SIZE:   10pt">图片名称：</FONT>   <FONT   style="FONT-SIZE:   10pt">  
                                  <asp:Label   id="lbImageName"   runat="server"   Text='<%#   DataBinder.Eval(Container,"DataItem.ImageName")%>'>  
                                  </asp:Label></FONT></TD>  
                            </TR>  
                            <TR>  
                              <TD><FONT   style="FONT-SIZE:   10pt">图片：</FONT>  
                                <asp:Image   id=Imagebutton1   Width=100   Height=100   runat="server"   ImageUrl='<%#   "ReadImage.aspx?ImageID="+DataBinder.Eval(Container,"DataItem.ID")%>'>  
                                </asp:Image>  
                              </TD>  
                              <td>  
                                <IMG   width=100   height=100   alt=""   src='<%#   "ReadImage.aspx?ImageID="+DataBinder.Eval(Container,"DataItem.ID")%>'">  
                              </td>  
                            </TR>  
                          </TABLE>  
                        </FONT>  
                      </ItemTemplate>  
                    </asp:TemplateColumn>  
                  </Columns>  
                </asp:DataGrid></td>  
            </tr>  
          </TBODY>  
        </table>  
      </form>  
    </body>  
  </HTML>  
   
     
     
  后台代码：   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   NetTest  
  {  
    ///   <summary>  
    ///   DataGridImage   的摘要说明。  
    ///   </summary>  
    public   class   DataGridImage   :   System.Web.UI.Page  
    {  
      protected   System.Web.UI.WebControls.DataGrid   DataGrid1;  
      private   string   str="server=localhost;uid=sa;pwd=;database=northwind";  
      private   void   Page_Load(object   sender,   System.EventArgs   e)  
      {  
        if(!IsPostBack)  
        {  
          FillData();  
        }  
      }  
   
      #region   Web   窗体设计器生成的代码  
      override   protected   void   OnInit(EventArgs   e)  
      {  
        //  
        //   CODEGEN:   该调用是   ASP.NET   Web   窗体设计器所必需的。  
        //  
        InitializeComponent();  
        base.OnInit(e);  
      }  
       
      ///   <summary>  
      ///   设计器支持所需的方法   -   不要使用代码编辑器修改  
      ///   此方法的内容。  
      ///   </summary>  
      private   void   InitializeComponent()  
      {          
        this.Load   +=   new   System.EventHandler(this.Page_Load);  
   
      }  
      #endregion  
   
      private   void   FillData()//绑定DATAGRID  
      {  
        SqlConnection   cn=new   SqlConnection(str);  
        SqlCommand   cmd=new   SqlCommand();  
        cmd.CommandText="SELECT   *   from   UpImage";  
        cmd.Connection=cn;  
        cn.Open();  
        SqlDataAdapter   da=new   SqlDataAdapter();  
        da.SelectCommand=cmd;  
        DataSet   ds=new   DataSet();  
        da.Fill(ds,"Images");  
        DataGrid1.DataSource=ds.Tables["Images"];  
        DataGrid1.DataBind();  
        cn.Close();  
      }  
    }  
  }  
   
     
  ReadImage.aspx（根据传过来的图片的编号，取得图片。只要建一个页面就可以了，不用放置任何控件）  
  后台代码：   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   NetTest  
  {  
    ///   <summary>  
    ///   ReadImage   的摘要说明。  
    ///   </summary>  
    public   class   ReadImage   :   System.Web.UI.Page  
    {  
     
      private   void   Page_Load(object   sender,   System.EventArgs   e)  
      {  
        string   conn="server=localhost;uid=sa;pwd=;database=northwind";  
        SqlConnection   cn=new   SqlConnection(conn);  
        SqlCommand   cmd=new   SqlCommand();  
        cmd.CommandText="select   Image   from   UpImage   where   ID='"+this.Request["ImageID"]+"'";  
        cmd.Connection=cn;  
        cn.Open();  
        this.Response.ContentType="image/*";  
        SqlDataReader   dr=cmd.ExecuteReader();  
        while(dr.Read())  
        {  
          this.Response.BinaryWrite((byte[])dr["Image"]);  
        }  
        cn.Close();  
      }  
   
      #region   Web   窗体设计器生成的代码  
      override   protected   void   OnInit(EventArgs   e)  
      {  
        //  
        //   CODEGEN:   该调用是   ASP.NET   Web   窗体设计器所必需的。  
        //  
        InitializeComponent();  
        base.OnInit(e);  
      }  
       
      ///   <summary>  
      ///   设计器支持所需的方法   -   不要使用代码编辑器修改  
      ///   此方法的内容。  
      ///   </summary>  
      private   void   InitializeComponent()  
      {          
        this.Load   +=   new   System.EventHandler(this.Page_Load);  
   
      }  
      #endregion  
   
    }  
  }   
 

lincnl
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
结合ashx在DataGrid中显示数据库中图片
10-24
在DataGrid中显示数据库图片 为了在DataGrid中显示数据库中的图片，我们需要进行以下步骤： #### 3.1 数据库查询 首先，我们需要从数据库中查询包含图片数据的记录。这通常涉及到对数据库表的SQL查询，例如从...
在dw中显示图片
盐碘
07-31 2675
图片数据是以blob类型放在数据库中的1、用picture控件显然不行，因为bitmap要求指定路径!     当然，如果每页只显示一个图片用程序脚本可实现!         1)读出数据库内blob数据         2)写入到窗口中的picture控件         3)保存图片到指定的临时文件如aaa.bmp         4)在数据窗口中picture的控件指定picturena
wpf中的datagrid中如何显示图片
Swarb的博客：低头做事，抬头做人
11-28 589
wpf中的datagrid中如何显示图片 2012-11-28 09:41 by swarb, ... 阅读, ... 评论, 收藏, 编辑 2012-09-11 10:55   在datagrid中添加一个模板列，xaml内容如下： &lt;DataGridTemplateColumn ...
在DataGrid中显示图片
weixin_30500663的博客
07-25 141
在DataGrid中显示图片有两种要求，一种是固定图片，如删除图标；一种是根据字段值决定显示哪张图片。 在VS中加入一个类BootToTimageConverter（此处代码为网上引用，感谢原作者）： 1 namespace SilverlightApplication11 2 { 3 public class BoolToImageConverter : Boo...
WPF DataGrid显示图片的一种方法
vxxm的博客
08-16 7088
DataGrid中添加图片列 首先创建一个类，设置属性，表示每一行: public class MyDataObject { public int Number { get; set; } public BitmapImage image { get; set; } } XAML代码: &amp;...
MFC下通过ADO访问数据库，支持图片保存，用DataGrid关联显示。
12-21
通过以上步骤，你可以在MFC应用中成功地使用ADO访问数据库，并通过DataGrid控件进行图片的保存和显示。这个功能对开发涉及大量数据和图像的应用程序非常有用，如报表系统、图像管理系统等。在实际开发中，记得根据...
wpf通过datagrid操作数据库，实现datagrid增删改操作。
08-30
在本文中，我们将深入探讨如何在WPF（Windows Presentation Foundation）环境中使用DataGrid控件来操作数据库，实现数据的添加、删除和修改功能。DataGrid是WPF中的一个强大控件，它允许用户以表格的形式展示和编辑...
wpf加载图片到datagrid动态控件
12-15
本教程将详细介绍如何在VS2010环境下，利用C#编程语言实现在WPF项目中动态加载图片并显示在DataGrid控件中。 首先，我们需要创建一个WPF项目。打开Visual Studio 2010，选择“文件” > “新建” > “项目”，在项目...
DataGrid 中加入图标
03-01
DataGrid控件是许多编程语言和框架中的常见组件，用于在表格形式中显示和操作数据。在这个场景中，"DataGrid 中加入图标"是一个重要的知识点，它涉及到如何在DataGrid的单元格或者行中添加图标，以增强数据的可视化...
dw读取access中的图片_ASP + ACCESS 上传图片到数据库与将图片读出数据库显示之实现(详细版)...
weixin_39881760的博客
12-21 479
ASP上传图片至数据库内功能的实现一般的无组件上传类，其上传过程是将图片先保存到指定文件夹，与此同时将该路径保存至数据库字段的。显示图片则是根据数据库表中的路径字段对应显示的。当然有关图片的管理，比如删除：只删除了路径，实际的图片需要根据该路径通过FSO进行删除……那有没有这样一种情况：将图片直接作为一个字段的值保存。对图片的操作就象是对数据字段的操作一样熟练。答案是肯定的，只是将该字段的类型设为...
在HTML中使用动态变量获取数据库路径的图片，并显示出来。
cw2004100021124的专栏
10-24 8957
取得第一条图片名称                                                                                   String path = sqlRst.getString("imgpath");               path.replace("\","//");            
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值