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

标签 javascript jquery forms

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

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

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

有什么办法吗?

最佳答案

您可以使用 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>是生成图像的好方法。

关于javascript - 使用 jquery/javascript 将数据从 html 表单保存到文本文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27398074/

相关文章:

javascript - Javascript Tableau API - 动态可视化加载

javascript - 提交后等待表单响应警告

jquery - 评估传递给 :onclick in Rails 的 jQuery 语句中的 Ruby 变量

javascript - 如何在第一个 `/` (斜杠)处拆分字符串并将其部分包围在 `<span>` 中?

html - 为什么自定义元素中的输入不随表单一起提交?

javascript - 获取 Preg_Replace_Callback 的偏移量?

javascript - 为什么更新多个 Twilio IPM channel 的消耗范围失败?

javascript - 使用 event.target.id 从按钮调用的函数中选择一个 div

c# - 透明表单无法正确显示文本

PHP 表单输入过滤