在Web服务器上预览文件？

Question

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

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

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

Answer 1

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

Try the instructions found here。该页面上的演示似乎不起作用，但说明确实有效。那里的说明不包括添加缩略图，但在我下面的简短说明中，我添加了一个步骤来获取它们：

• 下载Fancybox

• 在您网站的根级创建一个fancybox目录，并添加Fancybox下载中的文件。

• 在fancybox目录中创建fancybox.html文件并加载Fancybox库并设置配置选项。 See the example here

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

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

• 在您的图片目录中创建.htaccess文件（并确保.htaccess文件可供Apache使用）

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

  Options +Indexes
  ReadmeName /fancybox/fancybox.html
  

• 导航到您的图片目录

您可以修改Apache目录列表页面，使其尽可能漂亮。 See this article on styling the directory listing.您喜欢的任何其他图库都可以使用类似的方法，重要的是ReadmeName选项允许您注入可用于操作DOM的javascript和css。