首页 > 解决方案 > 您如何访问文件夹目录中的所有项目?

问题描述

我想用 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

标签: javascript

解决方案


如果不使用服务器端 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 目录中所有数据的几个选项


推荐阅读