|
上一篇文章说了如何把图片保存到数据库中，所以做了个例子，将图片显示在datagrid。前面说过了用response.binarywrite()只可以显示一张图片，现在用一个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
}
}
| |
文章整理：西部数码--专业提供
域名注册、
虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!
