javascript - 使用 HTML5、JavaScript、jQuery 从 Web 修改模板文件并将其保存到本地

Question

我正在尝试创建一个站点，其中由客户端设置的某些设置可能会写入一个文件，该文件不位于客户端的文件系统中，而是我的项目的文件。然后，必须将这个文件(其中部分内容被覆盖)保存到本地存储。

例如:

template_file.txt内容:

My favourite color is WHITE.
I like GREEN tea with lemon.
Leaves on the trees are GREEN.

网页最初有如下内容:
[此处为空文本字段 1]
[此处为空文本字段 2]
[此处为空文本字段 3]
文件名:[此处为空文件名字段]
{确定按钮}{保存文件按钮}

(template_file.txt 的文本对客户端不可见，但包含在网站的项目中。)

客户的输入:
[红色]
[黑色]
[此处为空文本字段 3]
文件名:[生成的文件]
{确定按钮}{保存文件按钮}

(字段 3 保持不变，点击{确定按钮}。)

generated_file.txt 内容:

My favourite color is red.
I like black tea with lemon.
Leaves on the trees are GREEN.

({保存文件按钮}已点击。=> 站点建议将 generated_file.txt 保存到本地文件系统。)

我找到了有关如何将文本区域中的所有文本保存到文件的教程:
Loading, Editing, and Saving a Text File in HTML5 Using Javascript

但我不知道如何生成文件，使用来自网络的部分覆盖模板文件。任何关于如何做到这一点的提示(如果实际上可能的话)将不胜感激。

Answer 1

虽然我认为这很有可能，但我建议使用像 php 这样的服务器端编程语言来做到这一点会更“容易”。我将尝试解释原因:这是“经典”服务器-客户端困境。

1. 客户端/用户向服务器发出请求/提交表单

2. 服务器然后对该输入使用react，例如编写 html 和 css 文件并将所有内容发送回客户端

如果您想根据用户输入操作文件，那么在服务器上执行此操作将是“自然”位置。否则，您可能需要 ajax、javascript 等在浏览器中执行此操作(如果您动态地想要包含服务器文件/服务器数据)。