1.建立页面ImageGrid
1.1 html代码
<HTML>
<HEAD>
<title>ImageGrid</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">
<asp:DataGrid id="DataGrid1" style="Z-INDEX: 101; LEFT: 8px; POSITION: absolute; TOP: 80px" runat="server"
AutoGenerateColumns="False" BorderColor="#CC9966" BorderStyle="None" BorderWidth="1px" BackColor="White"
CellPadding="4">
<FooterStyle ForeColor="#330099" BackColor="#FFFFCC"></FooterStyle>
<SelectedItemStyle Font-Bold="True" ForeColor="#663399" BackColor="#FFCC66"></SelectedItemStyle>
<ItemStyle ForeColor="#330099" BackColor="White"></ItemStyle>
<HeaderStyle Font-Bold="True" ForeColor="#FFFFCC" BackColor="#990000"></HeaderStyle>
<Columns>
<asp:TemplateColumn HeaderText="姓名">
<ItemTemplate>
<asp:Label Runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "UserName") %>' ID="Label1"/>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="Stream(流)方式">
<ItemTemplate>
<asp:Image Runat=server ID="Image1" ImageUrl='<%# FormatImage(DataBinder.Eval(Container.DataItem, "UserID")) %>' />
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="物理路径方式">
<ItemTemplate>
<asp:Image Runat=server ID="Image2" ImageUrl='<%# DataBinder.Eval(Container.DataItem, "Path") %>' />
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
<PagerStyle HorizontalAlign="Center" ForeColor="#330099" BackColor="#FFFFCC"></PagerStyle>
</asp:DataGrid>
<asp:Button id="btnsave" style="Z-INDEX: 104; LEFT: 248px; POSITION: absolute; TOP: 48px" runat="server"
Text="保存"></asp:Button><INPUT style="Z-INDEX: 102; LEFT: 64px; POSITION: absolute; TOP: 8px" type="file" id="File1"
name="File1" runat="server">
<asp:Button id="btnsearch" style="Z-INDEX: 103; LEFT: 304px; POSITION: absolute; TOP: 48px"
runat="server" Text="刷新"></asp:Button>
<asp:TextBox id="txtUserName" style="Z-INDEX: 105; LEFT: 72px; POSITION: absolute; TOP: 48px"
runat="server"></asp:TextBox>
<asp:Label id="Label2" style="Z-INDEX: 106; LEFT: 8px; POSITION: absolute; TOP: 16px" runat="server">照片</asp:Label>
<asp:Label id="Label3" style="Z-INDEX: 107; LEFT: 8px; POSITION: absolute; TOP: 56px" runat="server">姓名</asp:Label>
</form>
</body>
</HTML>
1.2 cs代码
public class ImageGrid : System.Web.UI.Page
![]()
}
2.建立ReadImage页面,用于输出文件流式图片
2.1 html代码
<HTML>
<HEAD>
<title>ReadImage</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">
<FONT face="宋体"></FONT>
</form>
</body>
</HTML>
2.2 cs代码
public class ReadImage : System.Web.UI.Page
![]()
}
3.数据库脚本
if exists (select * from dbo.sysobjects where id = object_id(N'[dbo].[TestImage]') and OBJECTPROPERTY(id, N'IsUserTable') = 1)
drop table [dbo].[TestImage]
GO
CREATE TABLE [dbo].[TestImage] (
[UserID] [int] IDENTITY (1, 1) NOT NULL ,
[UserName] [nvarchar] (500) COLLATE Chinese_PRC_CI_AS NULL ,
[Image] [image] NULL ,
[Path] [nvarchar] (500) COLLATE Chinese_PRC_CI_AS NULL ,
[Type] [nvarchar] (20) COLLATE SQL_Latin1_General_CP1_CI_AS NULL
) ON [PRIMARY] TEXTIMAGE_ON [PRIMARY]
GO
4.源代码下载/Files/singlepine/WebApplication2.rar
相关文章：
-
2022-02-14
-
2022-12-23
-
2021-07-28
-
2022-12-23
-
2021-06-15
-
2022-12-23
-
2022-12-23
-
2021-12-21
猜你喜欢
-
2021-11-20
-
2021-12-12
-
2021-12-03
-
2021-10-25
-
2021-07-03
-
2022-12-23
相关资源
-
下载
2021-06-05
-
下载
2022-12-13
-
下载
2022-12-31