实例开发:ASP.NET创建网络相册
首先来看下,这个相册有哪些功能。在这个相册中,我们必须先把预先摄影好的照片放到一个目录下去,之后,可以供在网上使用“上一张,下一张”的链接一张张地查看。
下面先介绍如何获得文件夹中的图片。我们可以使用System.IO命名空间中的DirectoryInfo类来实现。将文件夹所在的路径做为参数传递到该类的构造函数中,并声明一个DirectoryInfo类的实例。DirectoryInfo类中有一个GetFiles()的方法,会返回FileInfo的对象数组,而每一个FileInfo的实例将包含指定路径下文件的具体信息。下面的代码片段说明了该过程:
Sub Page_Load(sender as Object, e as EventArgs) 'Get list of images Dim dirInfo as New DirectoryInfo(Server.MapPath("")) Dim images() as FileInfo = FilterForImages(dirInfo.GetFiles()) ... End Sub |
其中,用Server.mappath获得当前目录的路径,而dirinfo.getfiles()将会返回该目录下的所有文件。而由于我们的是相册,只需要看到比如JPG,BMP,GIF等图象文件,所以我们可以通过程序实现,只装载这些类型的文件,这通过一个自定义的过程FilterForImages来实现,该过程将只返回指定文件夹中图象类型的文件。代码如下:
Function FilterForImages(images() as FileInfo) as FileInfo() Dim newImages as New ArrayList(images.Length) Dim i as Integer Return CType(newImages.ToArray(GetType(FileInfo)), FileInfo()) |
该过程对于传递进来的FileInfo参数数组进行遍历,对文件夹中的文件的后缀名进行叛断,如果属于图象文件,则添加到newimages数组中去,并以arraylist形式返回。
接下来,我们看下如何显示每一张图片,并以“上一张,下一张”来显示。为了知道当前浏览的是第几张图片,可以通过使用传递参数的方法来实现。先往窗体中添加一个image控件和文本框,程序代码如下:
Sub Page_Load(sender as Object, e as EventArgs) ... ' Dim imgIndex as Integer = 0 |
HTML部分代码
<ASP:Label runat="server" id="currentImgTitle" /><br /> <asp:Image runat="server" id="currentImg" /> |
在上面的代码中,使用变量imgindex来表示当前浏览的是第几张图片,刚开始时候N=0,则获得images数组中的第一个变量,也即第一张图片,之后每次读取该变量值,则可以知道当前浏览的是第几张图片。
而为了实现“下一张,上一张”的功能,往窗体增加两个HyPerlink链接控件,并添加以下代码
Sub Page_Load(sender as Object, e as EventArgs) ... If imgIndex > 0 then If imgIndex < images.Length - 1 then |
HTML 部分代码
<asp:HyperLink runat="server" id="lnkPrev" Text="< Previous" /> | <asp:HyperLink runat="server" id="lnkNext" Text="Next >" /> |
上面代码比较容易理解,当点下一张,上一张的链接时,参数N的值加1,或者减1。
最后,为了实现比较直观的效果,我们放置一个datalist控件,其中显示图象文件夹下的所有文件,每当浏览一张新的图片时,则将当前正在浏览的图片的名称以链接的形式加亮显示,代码如下:
Sub Page_Load(sender as Object, e as EventArgs) ... dlIndex.DataSource = images Sub dlIndex_ItemDataBound(sender as Object, e as DataListItemEventArgs) 'Set the Text and Navigation properties |
HTML部分代码
<asp:DataList runat="server" id="dlIndex" OnItemDataBound="dlIndex_ItemDataBound" RepeatColumns="3"> <ItemTemplate> <li><asp:HyperLink runat="server" id="lnkPic" /></li> </ItemTemplate> </asp:DataList> |
在上面的代码中,在DATALIST的onitemdatabound事件中,首先判断当前触发的项目是否是列表项listitemtype或者是交替项AlternatingItem,如果是的话,则动态生成链接hl,设置hl的值为当前正在浏览图象的文件名,并且注明了文件的大小,设置其链接的地址为当前浏览图象的地址,这样,用户可以直接点要浏览的图片了,不一要通过上一张,下一张的链接来实现。
最后给出运行的一个例子和全部代码:
<%@ Import Namespace="System.IO" %> <script runat="server" language="VB"> Sub Page_Load(sender as Object, e as EventArgs) Dim dirInfo as New DirectoryInfo(Server.MapPath("")) Dim images() as FileInfo = FilterForImages(dirInfo.GetFiles()) Dim imgIndex as Integer = 0 If Not Request.QueryString("N") is Nothing AndAlso IsNumeric(Request.QueryString("N")) then currentImgTitle.Text = "You are Viewing: " & _ If imgIndex > 0 then If imgIndex < images.Length - 1 then dlIndex.DataSource = images Function FilterForImages(images() as FileInfo) as FileInfo() Dim i as Integer Return CType(newImages.ToArray(GetType(FileInfo)), FileInfo()) Sub dlIndex_ItemDataBound(sender as Object, e as DataListItemEventArgs) hl.Text = Path.GetFileNameWithoutExtension(DataBinder.Eval(e.Item.DataItem, "Name").ToString()) & _ <HTML> <center> |
转载于:https://www.cnblogs.com/jghhandsome/archive/2007/04/27/730339.html
实例开发:ASP.NET创建网络相册相关推荐
- 转:用ASP.NET创建网络相册
用ASP.NET创建网络相册 在现在的数码时代,我们会经常拍摄一些相片以供留念,而随着数码照片的增多,往往需要很好地管理这些照片,以便更好地查阅留念.现在网上有不少的电子相册,都能很好的实现这些功能, ...
- 保存美丽记忆 用ASP.NET创建网络相册
保存美丽记忆 用ASP.NET创建网络相册 在现在的数码时代,我们会经常拍摄一些相片以供留念,而随着数码照片的增多,往往需要很好地管理这些照片,以便更好地查阅留念.现在网上有不少的电子相册,都能很好的 ...
- Android实例开发中如何创建第一个项目(android studio)
当我们配置好android环境后,如何创建第一个项目,每一项代表了什么意思,这里以Android studio 为例,其他软件如eclipse等是类似的操作 当我们安装好AS后 这里我们选择第一项 其 ...
- [实例开发教程] Unity3D 创建迷你地图中文教程 附源码
打开你的 Unity project: 1.选择 GameObject -> Create Other -> Camera, 重命名为你想要的 2.选择 Assets -> Crea ...
- 用ASP.NET创建网络相册
我最新的一篇发表在YESKY上的文章 http://www.yesky.com/SoftChannel/72342380468043776/20040710/1829449.shtml
- 从零开始实现ASP.NET Core MVC的插件式开发(二) - 如何创建项目模板
标题:从零开始实现ASP.NET Core MVC的插件式开发(二) - 如何创建项目模板 作者:Lamond Lu 地址:https://www.cnblogs.com/lwqlun/p/11155 ...
- android popupmenu 动态添加,Android开发使用PopupMenu创建弹出式菜单完整实例
本文实例讲述了Android开发使用PopupMenu创建弹出式菜单.分享给大家供大家参考,具体如下: 简介: PopupMenu 代表弹出式菜单,它会在指定组件上,默认情况下,PopupMenu会显 ...
- wp实例开发精品文章源码推荐
qianqianlianmeng wp实例开发精品文章源码推荐 WP8 启动媒体应用 这个示例演示了如何选择正确的msAudioCategory类别的音像(AV)流来配置它作为一个音频 ...
- 《ArcGIS Engine+C#实例开发教程》第三讲 MapControl与PageLayoutControl同步
<ArcGIS Engine+C#实例开发教程>第三讲 MapControl与PageLayoutControl同步 原文:<ArcGIS Engine+C#实例开发教程>第三 ...
- WSE3.0构建Web服务安全(3):WSE3.0策略配置、证书、签名、与实例开发
继WSE3.0构建Web服务安全(1):WSE3.0安全机制与实例开发和WSE3.0构建Web服务安全(2):非对称加密.公钥.密钥.证书.签名的区别和联系以及X.509 证书的获得和管理之后,今天我 ...
最新文章
- 如何从头开始构建自己的Linux Dotfiles Manager
- VS2010解决方案转换到VS2008
- 小程序对象不去重合并
- H264码流的两种形式:Annex B和AVCC
- AS3中 is,as,typeof的区别 .
- 缓存之 ACache
- 关于JS中for循环时,作用域问题和this指针指向的总结
- php防止远程提交,php防止远程提交表单的有关问题
- (转)软件开发和团队”最小模式”初探2-6人模型(下)
- python的shelve库
- v-for循环下动态绑定ref后undefine的解决方式
- linux常识 菜鸟教程
- C# VS属性快速封装快捷处理方式
- 不是有效的win32应用程序
- 斐波那契常见规律(总结)
- Java 读取Word标题(目录)
- LaTeX入门|(1)从Word到LaTeX:LateX排版常用指令
- Arnold渲染器与众不同的地方在于何处?
- 计算机游戏比赛,计算机学习系统问世 机器会学习游戏比赛
- java算法:兔子生兔子