获取文件夹中最新添加的文件并将其显示在 html 页面上？答案

【问题标题】：Get latest added file on folder and show it on a html page?获取文件夹中最新添加的文件并将其显示在 html 页面上？
【发布时间】：2022-01-15 11:27:30
【问题描述】：

我的情况：

我有一个基本的 HTML 页面（Intranet），它获取视频并循环播放。
几乎每天都会创建一个新视频，然后我会转到 index.html 并更改 src 的值。
网页在远程显示器上是静态的，所以我需要去刷新网页。

HTML 代码

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="Cache-control" content="no-cache">
        <meta http-equiv="Expires" content="-1">
        <style>
            * {
                box-sizing: border-box;
            }
            body {
                margin: 0;
                font-family: Arial;
                font-size: 17px;
            }

            #myVideo {
                position: fixed;
                min-width: 100%;
                min-height: 100%;
            }

            video {
                width: 100%;
                height: 100%;
            }
        </style>
    </head>
    <body>

        <video autoplay muted loop id="myVideo">
            <source src="Videos/filename.mp4" type="video/mp4">
        </video>
        <script>
            window.setInterval('refresh()', 12000);     // Call a function every 12000 milliseconds (OR 12 seconds).

            // Refresh or reload page.
            function refresh() {
                window .location.reload();
            }
        </script>
    </body>
</html>

已实施更新

我已经实现了每 12 秒发生一次的刷新功能。
它将显示我放在 index.html 上的新视频

其他行为

我发现如果我在新视频上使用相同的旧文件名，它不会在页面上显示最新的文件名。
我需要在远程显示器上按 Ctrl + F5，有时需要关闭网络浏览器并重新打开。
如果我在新视频中使用了不同的文件名，则不会发生之前的情况。

我想达到什么目标？

如果我或其他任何人将新文件放在专用于视频的文件夹中，我希望页面获取并播放该文件。

I've seen here that with Node.js，我可以获取文件夹中的最新文件并将名称保存在变量中，但是，

有没有办法通过只使用 javascript 和 HTML 来做到这一点？（或使用 ASP.NET/C#）
您是否使用/实施过类似的东西（包括图片、文档等）？您使用了哪些技术？

问候

【问题讨论】：

这很容易用 c# 和任何其他服务器技术构建。你会在网络上找到很多现有的答案，在这里重复所有这些是很有意义的。您是否看到过诸如stackoverflow.com/questions/1179970/…、stackoverflow.com/questions/59593310/…、stackoverflow.com/questions/38231739/…、...之类的问题？
您也可以在没有 c# 或 node 或任何东西的情况下仅使用 Web 服务器路由，并简单地禁用缓存。这个灵魂的答案取决于您使用的网络服务器。

标签： javascript c# html asp.net

【解决方案1】：

有没有办法通过只使用 javascript 和 HTML 来做到这一点？（或使用 ASP.NET/C#）

纯 JavaScript 和 HTML 是客户端静态代码。它不能修改存储在服务器上的任何内容。您将需要一个服务器端应用程序来处理您的视频上传、查询等。几乎所有服务器端语言都支持此功能（PHP、ASP、NodeJS、C++、Go、Rust...）

您是否使用/实施过类似的东西（图片、文档等）？您使用了哪些技术？

这在很大程度上取决于您想做什么。您可以使用 MVC 路由来呈现 HTML 代码，或者通过拆分客户端和服务器端代码并使用 API 设计将它们链接在一起来使用单独的方法。

【讨论】：