65.9K
CodeProject 正在变化。 阅读更多。
Home

Web 图片浏览器 – 大量图片,没有时间发布?

starIconstarIconstarIcon
emptyStarIcon
starIcon
emptyStarIcon

3.75/5 (8投票s)

2003年3月27日

3分钟阅读

viewsIcon

125330

downloadIcon

1764

Web 图像浏览器,具有目录资源管理器和缩略图/网络友好的即时图像创建和缓存功能。

Sample Image - ImageBrowser.jpg

引言

图像浏览器通过动态显示目录中的图像并对其进行缓存来工作。它还缓存了更适合网络的图片版本 - 我已将其设置为 640X480。我从 CodeProject 的 Christian Graus 那里找到了一个算法。 Image.GetThumbNailImage() 质量不够好。 您可以将目录放入目录中 - 它将递归。 您可以在我的 个人网站上看到一个完整的例子。

概述

有两个控件,一个显示目录和图像的缩略图,另一个显示网络友好的图像。

它的工作原理是将图像浏览器指向一个目录,它将分析该目录中的子目录和图像,并从中创建一个可导航的控件。

子目录将由一个文件夹图标表示,如果您将其命名为与目录相同,则由图片表示。 点击它即可导航到该目录。

将从所有图像创建缩略图,并将其放置在 thumbs 目录中。 点击其中一个将带您进入 WebImage 控件。

WebImage 控件创建一个新的图像,大小为 640X480 (大约 28k),并将其放置在 webpics 目录中。 点击它将加载完整图像。

还将呈现带有链接的顶部导航栏。

有趣的部分

我创建了一些辅助类,以便从图像目录树中分解创建网站的功能。分解如下

  • ImageWrapper: 这是图像以各种形式(链接、源、缩略图、网络图像和实际图像)在网络上的表示。
  • SubDirectoryWrapper: 这是子目录在网络上的表示,它被查询其链接、图像表示等。
  • DirectoryWrapper: 这是一个包含所有图像和子目录对象的容器。

HtmlToolsImageTools 包含所有呈现的核心内容。 HtmlTools 类具有创建包含带有链接的图像表格的方法,而 ImageTools 处理所有图像调整大小以及将它们读取/写入磁盘的操作。

要求

  • .NET 框架
  • Visual Studio .NET
  • IIS 及其理解

简单设置

下载上面的 zip 文件并将其解压缩到您的 wwwroot 目录,即 C:\Inetpub\wwwroot\(不是 ImageBrowser,将创建该目录)。将您的图片放入 C:\InetPub\wwwroot\pics

打开 IIS Manager 并右键单击 ImageBrowser 目录,然后单击“属性”。 在“目录”选项卡上,在应用程序设置区域中单击“创建”。

注释

要将目录显示为图像而不是默认图像,请将图像命名为与目录相同(在其内部)。

  • 要为特定目录显示一些文本,请将文件命名为 <directory name>.txt,并将您的智慧之言放入其中(也支持 HTML)。
  • 缩略图将被缓存到名为 \thumbs 的目录中,而网络友好的图片将被缓存到 \webpics 中。
  • 如果需要刷新缩略图或网络图片,只需删除目录(或图片)。
  • 您可以浏览到 FillCache.aspx 来控制缓存。(在测试此功能之前备份您的图片!)

下载次数

注意:我已更新源代码以修复报告的错误和功能请求。 注意:请自行酌情使用 FillCache.aspx 页面。

© . All rights reserved.