用ASP.NET创建网络相册 保存美好时光

作者:网络 来源:佚名 更新时间:2008-01-21 06:43:17 点击:

最大的网站源码资源下载站,

  在我们的日常生活中数码照像设备已经很普遍了,我们会经常拍摄一些相片以供留念,而随着数码照片的增多,往往需要很好地管理这些照片,以便更好地查阅留念。现在网上有不少的电子相册,都能很好的实现这些功能,那我们能否自己动手创建自己的相册呢?当然可以,在这篇文章中,我们将利用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
 for i = 0 to images.length - 1
  if path.getextension(images(i).name) = ".jpg" orelse _
   path.getextension(images(i).name) = ".jpeg" orelse _
   path.getextension(images(i).name) = ".png" orelse _
   path.getextension(images(i).name) = ".gif" then
    newimages.add(images(i))
  end if
 next

 return ctype(newimages.toarray(gettype(fileinfo)), fileinfo())
end function

  该过程对于传递进来的fileinfo参数数组进行遍历,对文件夹中的文件的后缀名进行叛断,如果属于图象文件,则添加到newimages数组中去,并以arraylist形式返回。
  接下来,我们看下如何显示每一张图片,并以“上一张,下一张”来显示。为了知道当前浏览的是第几张图片,可以通过使用传递参数的方法来实现。先往窗体中添加一个image控件和文本框,程序代码如下:

sub page_load(sender as object, e as eventargs)
 ...

 ' dim imgindex as integer = 0
 if not request.querystring("n") is nothing andalso _
  isnumeric(request.querystring("n")) then
   imgindex = cint(request.querystring("n"))
 end if
 
 currentimgtitle.text = "you are viewing: " & _
  path.getfilenamewithoutextension(images(imgindex).name) & _
  " (" & imgindex + 1 & " of " & images.length & ")"
   currentimg.imageurl = path.getfilename(images(imgindex).name)
    ...
end sub

  html部分代码

<asp:label runat="server" id="currentimgtitle" /><br />
<asp:image runat="server" id="currentimg" />

  在上面的代码中,使用变量imgindex来表示当前浏览的是第几张图片,刚开始时候n=0,则获得images数组中的第一个变量,也即第一张图片,之后每次读取该变量值,则可以知道当前浏览的是第几张图片。