从 HTML 获取输入并将其存储在文件中（静态网站）答案

【问题标题】：Getting Input From HTML And Storing It In A File (Static Website)从 HTML 获取输入并将其存储在文件中（静态网站）
【发布时间】：2022-01-12 08:00:47
【问题描述】：

我正在尝试在 GitHub 存储库中进行简单的表单提交。基本上我想要做的是输入一个 HTML 标签，然后将它存储在另一个本地文件中，例如另一个 HTML 文件或没有后端的文本文件。我知道 JavaScript 中有一个 saveAs 函数（但是我读到它由于安全原因已经停止使用）。一旦我将数据存储在一个文件中，我将在 HTML 页面中使用标签调用它以在页面上显示它。所以基本上我希望页面上的输入，然后当它附加到文件时，在页面刷新时再次显示在同一页面上。我这样做的原因是为我的制作工作室制作一个类似于 Google WorkSpace 的临时页面。这是我想要做的视觉效果：

HTML 页面：

嵌入文件内容 (externalfile.html) 转到此处。

输入：Input Goes Here Submit

当按下提交时，它会将“Input Goes here”框中的内容附加到“externalfile.html”中，然后当页面刷新时，它会在表单上方显示更新的内容。

我不精通 JavaScript，但通过使用 Wix 制作一些网站，我对 JQuery 有所了解，但我对原生 JavaScript 及其功能了解不多。任何意见将是有益的。：）谢谢。我会在页面上添加多个输入框等。

【问题讨论】：

请提供足够的代码，以便其他人更好地理解或重现问题。

标签： javascript html input static

【解决方案1】：

您好，欢迎来到 StackOverflow！

现在，如果我的问题是正确的，您想在文件中附加一些内容并在不使用任何后端的情况下读取该文件吗？那么我一定会让你失望，因为 JavaScript 不允许这样做，因为这会带来巨大的安全风险。原因是，因为任何网页上的任何恶意 JavaScript 代码不仅可以在您的 PC 上创建恶意软件文件并将其拖到某个启动文件夹，而且它们还能够读取您机器上的所有文件和文档（无需您的知识！）。所以我想你明白问题出在哪里了。

对于您的任务，我建议您使用某种后端（即 NodeJS、PHP），并使用 API 请求和异步 JavaScript 进行处理。或者您可以使用 ExpressJS 后端为您的站点提供服务，并静态获取请求并将其内容附加到文件中。然后当然会发回一个 HTML 文件，其中包含用户所做的所有输入。选择权在你。

干杯

【讨论】：