转:用ASP.NET创建网络相册
用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的值为当前正在浏览图象的文件名,并且注明了文件的大小,设置其链接的地址为当前浏览图象的地址,这样,用户可以直接点要浏览的图片了,不一要通过上一张,下一张的链接来实现。
最后给出运行的一个例子(http://aspnet.4guysfromrolla.com/London/)和全部代码:
<%@ 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/luyongqun/archive/2007/02/05/641355.html
转:用ASP.NET创建网络相册相关推荐
- 保存美丽记忆 用ASP.NET创建网络相册
保存美丽记忆 用ASP.NET创建网络相册 在现在的数码时代,我们会经常拍摄一些相片以供留念,而随着数码照片的增多,往往需要很好地管理这些照片,以便更好地查阅留念.现在网上有不少的电子相册,都能很好的 ...
- 用ASP.NET创建网络相册
我最新的一篇发表在YESKY上的文章 http://www.yesky.com/SoftChannel/72342380468043776/20040710/1829449.shtml
- 为 ASP.NET 创建缓存配置对象[转载]
为 ASP.NET 创建缓存配置对象 发布日期: 4/1/2004 | 更新日期: 4/1/2004 Steven A. Smith ASPAlliance.com 适用于: Microsoft AS ...
- ASP.NET 创建、发布、使用Web服务的详细方法
一.创建Web服务 1.首先,打开VS(本例以VS2017为例).创建一个ASP.NET Web 应用程序,位置和名称自定义,本例我把这个项目创建在桌面,名字叫helloWho.然后点击[确定],在弹 ...
- ASP.NET创建一个web程序Vs创建一个Web API项目
ASP.NET创建一个web程序 首先windows+r调出控制台,按照下面的命令创建WebApp应用: dotnet new webapp -o MyWebApp --no-https -f net ...
- asp.net创建文件夹出错的解决方案[转]
C#中.net中得IO类虽然功能很强大,但是正是因为功能强大,所以在很多虚拟服务商的服务器上并不实用 .因为IO.Directory和IO.DirectoryInfo在应用文件夹操作中,会遍历网站所在 ...
- asp.net 创建文件夹时出错:未找到路径“D:\”的一部分。(asp.net 使用 FSO)
这些天在整一个博客程序,其中的相册功能自然就用到IO.Directory和IO.DirectoryInfo对象,这两个对象会遍历网站所在的硬盘的磁盘根目录,不巧的是,博客传到购买的虚拟主机空间后,相册 ...
- Asp.net创建伪静态页面
下面是我研究了好几天和同事一起才研究出来的,原创. 1伪静态的定义: 伪静态是相对真实静态来讲的,通常我们为了增强搜索引擎的友好面,都将文章内容生成静态页面,但是有的朋友为了实时的显示一些信息.或者还 ...
- ASP.NET创建文件并写入内容
本文从最基本的操作开始,解释在ASP.NET中文件处理的概念,包括如从一个文件中读取内容.如何向一个文件中写入内容和如何删除一个文件. 前面已经提到,要想在ASP.NET 页面中进行文件处理,必须要有 ...
最新文章
- JVM中垃圾回收相关算法 - 值得了解一下的,因为早晚得了解
- 第三方软件源_两款电视盒子软件。涵盖电视直播,电影,电视剧,你值得拥有。...
- 并发量与RAID_RAID 技术全解 – RAID0、RAID1、RAID5、RAID10-宿主机磁盘阵列-香港母机...
- CentOS6.5安装配置
- 将中文标点符号替换成英文标点符号
- mapbox矢量切片标准_Cesium 加载矢量切片(MapBox Vector Tile)
- (最小生成树)prim算法
- mybatis笔记3 一些原理的理解
- js类型判断(数字、0、、undefined、null)
- kmeans算法中的sse_k-means聚类算法原理与参数调优详解
- Android Studio - 安装插件GsonFormat
- Java实现常用的三种加密算法详解
- 计算机快捷键英语,输入法电脑中英文切换快捷键
- html显示tooltips,提示工具 | Tooltips
- 【机器学习】信息熵基础学习
- python编程else是什么意思_Python 中的 else详解
- 海康威视OCR/表格识别开源
- 天下武功唯快不破,实时分析让企业决策又快又准
- Android API与系统版本的关系
- 测试人员的KPI考核指标
热门文章
- LeetCode 1554. 只有一个不同字符的字符串(枚举)
- LeetCode 1925. 统计平方和三元组的数目
- python 全局变量、局部变量
- LeetCode 1802. 有界数组中指定下标处的最大值(思维题)
- 程序员面试金典 - 面试题 16.16. 部分排序(排序/不排序)
- LeetCode 821. 字符的最短距离
- html 缩略图点击预览,jQuery图片相册点击缩略图弹出大图预览特效
- mysql主辅同步报错_mysql数据库主辅同步Slave_IO_Running,Slave_SQL_Running错误
- 利用nginx建立windows软连,实现IP访问文件
- 解决mysql导数据时,格式不对、导入慢、丢数据的问题