javascript - 通过网页修改本地文件

Question

我的目标是能够让用户编辑位于同一文件夹中的 json 文件或他们所在的实际网页，这种方式在所有访问该页面的用户中都是持久的。这是托管在我无法控制的本地中小企业上的。

现在页面使用 jQuery 加载 json 文件并显示内容，将我想要保存的新 json 字符串推送到加载的字符串，仅此而已。

我研究了 javascript/jQuery 解决方案，很快就发现 js 不允许对任何内容进行本地更改；然后我遇到了 FileSystem API，它看起来很完美，但已经死了，而且只能在 Chrome 上运行。 LocalStorage 已被淘汰，因为它对于每个浏览器都是唯一的。

理想情况下，页面功能如下:

• 打开页面
• 显示来自 json 文件或网页中 json 变量的信息
• 用户选择在文件中编辑/添加内容
• 用户点击更新按钮
• 现在访问该页面的任何其他人都可以访问该数据

我知道这有点遥远，但任何帮助将不胜感激!

Answer 1

Javascript 在您的浏览器上运行(除了 NodeJS 实现，这不是您在这里讨论的内容)。

这意味着 Javascript 可以访问您的本地资源，而不是服务器资源。为了使用 Javascript 访问或操作服务器资源，您需要使用 AJAX 向服务器发送请求。并将服务器配置为分别根据您的请求执行操作(在您的问题中，使用 AJAX 发送 JSON 并配置服务器将该 JSON 保存到文件中)

因此，为了实现您的目标，您需要对前端和后端进行编程。您的后端将是接受请求的服务器(例如保存您的 JSON 文件以便其他客户端可以使用)，而您的前端将从服务器请求 JSON 文件。

添加: 即使您位于 LAN 上，并且所有用户都与您位于同一 LAN 上，可以访问相同的网络文件，Javascript 也无法编辑文件。它可以读取，但不能编辑。查看File API了解更多信息。