在 Web 服务器上预览文件？

Question

我目前正在使用 HTTP 以最原始的方式（一种非常低效的方式）浏览我们服务器上的文件（主要是图像）。

要快速浏览一个文件，我需要单击并打开它。然后退出，进入下一个文件。非常低效。

有没有办法可以在不打开这些文件的情况下预览它们，就像我们在 Mac/Windows 系统上所做的那样。

Answer 1

您可以使用 Fancybox 获取缩略图视图，并在不离开页面的情况下打开图像。您可以配置 Apache 将您的目录显示为图库，并将图像的缩略图添加到 DOM 中。

请尝试此处的说明。该页面上的演示似乎不起作用，但说明确实有效。那里的说明不包括添加缩略图，但在下面的简短说明中，我添加了获取缩略图的步骤：

• 下载Fancybox

• 在站点的根级别创建一个fancybox目录，然后添加 Fancybox 下载中的文件。

• 在 fancybox 目录中创建 fancybox.html 文件并加载 Fancybox 库并设置配置选项。请参阅此处的示例。

• （我的补充）在 fancybox.html 中添加一行以将缩略图插入 Apache 目录列表中。这只是您可以在链接示例文件中的第 26 行之后添加的简单行：

      $(this).html("<img src='"+ $(this).attr('href') +"' width='200'>" + title);
  

• 在图像目录中创建一个 .htaccess 文件（并确保 Apache 可以使用 .htaccess 文件）

• 将这些行添加到 .htaccess 文件中：

  Options +Indexes
  ReadmeName /fancybox/fancybox.html
  

• 导航到您的图像目录

您可以修改 Apache 目录列表页面，使其像您喜欢的那样漂亮。请参阅这篇有关目录列表样式的文章。也许您喜欢的任何其他图库库都可以使用类似的方法，重要的是该ReadmeName选项允许您注入 javascript 和 css，您可以使用它们来操作 DOM。