用 Javascript 扫描文件夹内容答案

【问题标题】：Scan folder content in Javascript用 Javascript 扫描文件夹内容
【发布时间】：2021-12-16 18:44:57
【问题描述】：

我正在尝试构建一个 HTML5 视频播放器，如果 /videos 文件夹中有多个视频文件，它将自动打开播放列表模式。

我试图不为此使用 PHP，所以在提出建议时请记住这一点。

谢谢。

【问题讨论】：

没有办法在 JavaScript 中“列出”远程文件，除非由服务器公开。在这种情况下，最好的方法是让服务器以某种方式提供信息。
无论如何。这也可以通过约定来完成，即。 video1.mpg, video2.mpg, videoN.mpg .. 在这种情况下，资源名称是猜测的 - 好吧，只是按顺序检查 - 直到加载失败。不是我推荐它，但它确实避免了“列出”资源的需要。

标签： javascript html video html5-video

【解决方案1】：

您无法使用 JavaScript 访问文件系统。但是，您可以对具有索引访问权限的目录执行虚假 HTTP 请求：

var dir = "/videos";
var fileextension = ".mp4";
$.ajax({
    //This will retrieve the contents of the folder if the folder is configured as 'browsable'
    url: dir,
    success: function (data) {
        // List all mp4 file names in the page
        $(data).find("a:contains(" + fileextension + ")").each(function () {
            var filename = this.href.replace(window.location.host, "").replace("http:///", "");
            $("body").append($("<img src=" + dir + filename + "></img>"));
        });
    }
});

【讨论】：