使用jQuery/JavaScript将数据从HTML表单保存到文本文件 [英] Saving a data from html form to text file with jquery/javascript
问题描述
我正在尝试为我的网站创建评论标签并插入HTML表单.
I'm trying to create a comments tab for my website and insert an HTML form.
到目前为止,我的表单和注释"选项卡已准备就绪.我想创建一个文本文档来存储HTML表单输入.
So far my form and comments tab is ready. I'd like to create a text document to store HTML form inputs.
我找不到像C ++的fstream
这样的正确方法.我在PHP中找到了一些代码,但是我也不想使用PHP.
I couldn't find a proper way to do that, like C++'s fstream
. I found some code with PHP, but I don't want to use PHP either.
有什么办法吗?
推荐答案
您可以使用datauri和锚元素(<a>
)的新download
属性来实现它,而无需服务器.只需在文本框中随机键入一些内容,然后单击导出",然后查看会发生什么情况:
You can use datauri and new download
property of anchor elements (<a>
) to achive it, without a server. Just randomly type something in the text box, click "export" and see what happens:
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>
是生成图像的好方法.
You can achive other types of file download, just change text/plain
to the proper MIME type, and ensure that you encode the file content correctly. For example, <canvas>
is a good approach for generating images.
这篇关于使用jQuery/JavaScript将数据从HTML表单保存到文本文件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!