基于 React 的文件管理器，从浏览器/本地主机中删除本地文件

Posted 2023-02-22

【中文标题】基于 React 的文件管理器，从浏览器/本地主机中删除本地文件

【英文标题】：React based file manger, deleting local files from the browser/ local host

【发布时间】：2022-01-13 03:50:50

【问题描述】：

我正在尝试构建一个基于 reactjs 的 Web 应用程序来管理我本地机器上的文件。我的代码目前基于这个项目https://github.com/knyzorg/simple-file-explorer，它使用 WebSockets 来查看文件，我的问题是：

是否可以发送命令来修改保存在我的计算机上的文件（更改名称、移动或删除）？

不一定需要解决方案，只需要一个正确方向的点（尽管如果你有一个解决方案会很酷）。

【参考方案1】：

这是一个相当广泛的问题。

不，浏览器不允许（有充分理由）通过 javascript 访问您的本地文件系统。如果是这样，任何网站都可以访问和修改您的文件！这将是一场安全噩梦。

使用服务器端 Javascript（通过NodeJS），可以通过fs 模块访问托管脚本的服务器的本地文件系统。这似乎是您链接到的项目正在做的事情 - 使用 React 作为 GUI（我们可能称之为“前端”）用于修改本地文件系统的 NodeJS 服务（我们可能称之为“后端”）结束'）。

【参考方案2】：

我是来自 GitHub 的 knyzorg（链接仓库的作者）。绝对可以发送命令来操作文件。您需要做的就是在开关here 中添加新命令并在前端实现对它们的调用。

项目使用ionotify与客户端同步状态。这意味着服务器将在更新发生时将更新推送到客户端，这样您只需实现修改文件系统的功能，而无需担心以任何方式更新客户端。

这完全是一个玩具项目，我很惊讶地发现它在这里被引用。如果您对项目的具体细节有任何疑问，请随时给我写电子邮件。

【讨论】：

哇，我当然没想到作者本人会做出回应，但我真的很感激！感谢您的建议（以及出色的源代码），我将不得不尝试添加到切换文件。你的项目很酷，不知道我最终能走多远，但我希望将它扩展成一个漂亮的 GUI，可以自动执行一些文件管理任务