javascript - 您如何访问文件夹目录中的所有项目?
问题描述
我想用 vanilla JS 做一个小网站,我快完成了。我认为如果我能够通过向目录添加文件并让 JS 动态地将这些东西扔到网站上来更新目录,那将是一种节省时间的好方法。糟糕的设计,我知道,但我的网站看起来像一个终端,所以我希望它看起来不错。
所以在 Python 中它看起来像这样:
import os
os.listdir("somedirectory")
它会打印我指定的目录中的项目。但是你如何在 JS 中做同样的事情呢?我见过的唯一选择是使用 JQuery 或 Node.js,有没有“简单的简”方式来完成这个?
所以,如果我转到 Safety-Net 目录,我会看到“cover.jpg”
一条重要的信息是声明这些文件夹将位于客户端,并且用户将能够看到其中的所有文件。
编辑:我不想写文件,只是为了阅读它们。
https://estk.aenhancers.com/3%20-%20File%20System%20Access/using-file-and-folder-objects.html
解决方案
如果不使用服务器端 JS,JavaScript 无法访问文件,但可以使用 XMLHttpRequest 对象读取文件。您可以发送 AJAX 请求来读取文件,但是在服务器端的某些地方您必须使用 Nodejs 或其他服务器端 JS lib 来访问文件系统
使用nodejs,您可以使用以下方法访问目录
https://nodejs.org/api/fs.html#fs_fspromises_readdir_path_options
https://nodejs.org/api/fs.html#fs_fs_readdirsync_path_options
https://nodejs.org/api/fs.html#fs_fs_readdir_path_options_callback
这些是访问 NodeJS 目录中所有数据的几个选项
推荐阅读
- javascript - 等待动态内容在反应中填充 dom
- laravel - 使用 Laravel 8 Jetstream 注册时出现 ErrorException
- python - 检测多个公会 ID - Discord.py
- azure-active-directory - 适用于 SaaS 应用程序用户的 Azure AD OpenId Connect
- python - QWidget:必须在 pyqt5 和 selenium 中的 QWidget 错误之前构造一个 QApplication
- shopify - Liquid:检查对象是否包含特定字符串
- android - 如何在自定义列表视图特定图标中使用 MediaPlayer 音频列表?
- powershell - 创建 Powershell 并使用 Invoke-PowerBIRestMethod 安排 Power BI 刷新但抛出 403 错误
- ruby-on-rails - 带有 RSpec 测试间隔的假日期数据
- swift - 使用 AVMutableComposition 在视频上添加图像 - Swift - 以编程方式