【问题标题】:modify template file from web and save it to local using HTML5, JavaScript, jQuery从 Web 修改模板文件并使用 HTML5、JavaScript、jQuery 将其保存到本地
【发布时间】:2015-04-19 21:52:04
【问题描述】:

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

例如:

template_file.txt 内容:

我最喜欢的颜色是白色。
我喜欢柠檬绿茶。
树上的叶子是绿色的。

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

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

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

(字段 3 保持不变,{OK 按钮}点击。)

generated_file.txt 内容:

我最喜欢的颜色是红色。
我喜欢柠檬红茶。
树上的叶子是绿色的。

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

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

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

【问题讨论】:

    标签: javascript jquery html


    【解决方案1】:

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

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

    2. 服务器然后对该输入做出反应,例如编写 html 和 css 文件并将所有内容发送回客户端

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

    【讨论】:

      【解决方案2】:

      我建议你看看像angular.js这样的客户端框架

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2018-10-05
        • 2013-08-19
        • 1970-01-01
        • 2013-07-19
        • 2017-11-24
        • 2011-01-02
        • 2014-06-20
        • 1970-01-01
        相关资源
        最近更新 更多