Javascript - 读取所有文件名并输出到带有超链接的 html

Posted

技术标签:

【中文标题】Javascript - 读取所有文件名并输出到带有超链接的 html【英文标题】:Javascript - read all filenames and output to html with hyperlink 【发布时间】:2020-09-23 14:02:15 【问题描述】:

我有一个有限的托管服务器。我想读取文件树(所有文件和文件夹)并在基本 html 页面上创建指向它们的超链接。

为了清楚起见,我正在使用 Keybase,我公开共享文件,但想在 index.html 页面上列出它们,而不是使用他们网站的“文件树”

https://keybase.pub/example_user(密钥库文件树) https://example_user.keybase.pub(index.html 文件)

html 文件位于根目录中,我想显示 /subdir(及其子目录)中的所有 (pdf) 文件

这不是一个“真正的”网络服务器。我正在寻找一些简单的东西,比如在 html 中加载 FOR 循环

谢谢。

【问题讨论】:

出于安全原因,javascript 无法访问本地文件系统。如果不涉及后端服务器,您将无法完成您的要求。 我不能读取所有在外部服务器上公开的文件吗? 【参考方案1】:

您尝试执行的操作称为“屏幕抓取”。如果您对关键字“javascript screen scraping”进行一些谷歌搜索,您会发现很多信息和示例。

基本上,您触发AJAX request 以检索页面内容,解析该内容以获得您要查找的数据,然后在您的页面中显示该数据。

【讨论】:

谢谢。我应该能够解决这个问题。

以上是关于Javascript - 读取所有文件名并输出到带有超链接的 html的主要内容,如果未能解决你的问题,请参考以下文章

Javascript读取某文件夹下的所有文件

命令行参数传入一个或者多个路径读取目录下的所有文件名并输出

命令行参数传入一个或者多个路径读取目录下的所有文件名并输出

从计算机javascript读取文件并打印console.log它不打印

Javascript FileReader 读取文件不正确

使用 Electron 和 React 从目录读取文件名并输出到 JSON 的方法