javascript - 使用 jquery/javascript 将数据从 html 表单保存到文本文件

Question

我正在尝试为我的网站创建一个评论选项卡并插入一个 HTML 表单。

到目前为止，我的表单和评论选项卡已准备就绪。我想创建一个文本文档来存储 HTML 表单输入。

我找不到合适的方法来做到这一点，比如 C++ 的 fstream。我用 PHP 找到了一些代码，但我也不想使用 PHP。

有什么办法吗？

Answer 1

您可以使用 datauri 和新的 download anchor 元素(<a>)的属性来实现它，没有服务器。只需在文本框中随机输入一些内容，单击“导出”，看看会发生什么:

var container = document.querySelector('textarea');
var anchor = document.querySelector('a');

anchor.onclick = function() {
    anchor.href = 'data:text/plain;charset=utf-8,' + encodeURIComponent(container.value);
    anchor.download = 'export.txt';
};

<textarea></textarea>
<p><a href="#">Export</a></p>

你可以实现其他类型的文件下载，只需更改text/plain即可为正确的 MIME 类型，并确保正确编码文件内容。例如，<canvas>是生成图像的好方法。