列出静态网页中的目录文件

Question

是否有任何方法可以在静态网页中列出带有查看文件链接的目录文件？

我想将一些PDF文件上载到我的静态网站的某个目录（它使用HTML和JS），并希望在页面中显示文件列表以及查看pdf文件的链接。这样，如果我上传新文件，则不必每次都修改HTML页面。有什么办法吗？

Answer 1

如果您将Apache用作Web服务器，并且已为要上传pdf文件的目录配置了mod-autoindex，那么当您导航至该URL时，应该会看到这样的提示：

[这个自动生成的页面可以通过js使用jquery轻松解析：

var pdfFilesDirectory = '/uploads/pdf/';

// get auto-generated page 
$.ajax({url: pdfFilesDirectory}).then(function(html) {
    // create temporary DOM element
    var document = $(html);

    // find all links ending with .pdf 
    document.find('a[href$=.pdf]').each(function() {
        var pdfName = $(this).text();
        var pdfUrl = $(this).attr('href');

        // do what you want here 
    })
});

Answer 2

您需要一个服务器端实现，例如，可以使用PHP来实现。您无法使用JavaScript来执行此操作，因为它在客户端运行，并且无法访问服务器上的文件。

Answer 3

我制作了一个节点模块来自动执行获取所有文件和文件夹的任务：mddir

Answer 4

您需要结合使用javascript和PHP。您可以使用AJAX调用通过Javascript调用PHP文件。试试这个PHP文件，它应该返回一个Json对象：

Answer 5

打开浏览器

Answer 6

而不是仅在客户端运行的JavaScript，您应该考虑使用PHP或其他服务器语言来爬网文件目录并在HTML文件/模板中列出它们。例如，PHP具有scandir功能，该功能可以列出目录中的文件

Answer 7

简单。将所有文件放在目录中，不要在该目录的主页上放置。然后，在所需的页面中，添加一个显示该目录的iframe。然后，您将在超链接中看到上载的文件列表。当您点击链接时，iframe将显示PDF文件。