如何使用 React 获取目录中所有文件的名称列表？

Question

我想将本地目录中所有文件的名称保存在一个数组中，以便稍后使用 React 在列表中显示它们。

我知道在 NodeJs 中我可以使用：

var fs = require('fs');
var files = fs.readdirSync('./directory/');

但它在反应中不起作用。

Answer 1

Node 是作为程序在您的计算机/服务器上运行的 JavaScript 引擎。 它没有window对象，但它有自己的特性，比如读取和编辑目录中的文件的能力。

React 应用程序在浏览器中运行，它受到浏览器的限制，您无法使用 JavaScript 从用户计算机读取私有文件，因为它不安全。

如果您想读取服务器上目录中的文件列表，您需要实现某种后端，例如，您可以使用在服务器上作为 API 运行的 Node 进程，但一个简单的 PHP 文件也可以工作。 该 API 应返回带有目录中文件列表的 JSON。

在用户计算机上读取文件列表比较困难，最简单的解决方案是通知用户他们需要使用<input type="file">上传文件然后读取它们。