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

2023-12-12

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

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

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

有办法做到这一点吗?


您可以使用 datauri 和 newdownload锚元素的属性(<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>是生成图像的好方法。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 jquery/javascript 将数据从 html 表单保存到文本文件 的相关文章

  • 如何从表中选择所有偶数 id?

    我想从 MySQL 数据库的表中选择所有甚至帖子 ID 然后显示它们 我还想获取所有带有奇怪 id 的帖子并将它们显示在其他地方 我想使用 PHP 来完成此操作 因为这是我使用的服务器端语言 或者 我是否必须选择所有帖子 然后使用 Java
  • 在 asp.net vb 中通过第一个下拉列表值填充第二个下拉列表

    我在使用 asp net vb 时遇到了一些问题 我想做的是有2个下拉框 第一个下拉菜单将有 1 2 3 例如 第二个下拉菜单将有 A 乙 C 默认情况下 但是 如果选择 1 我希望第二个下拉菜单自动选择 c 我不知道 JavaScript
  • JavaScript 变量赋值与 OR 对比 if 检查[重复]

    这个问题在这里已经有答案了 在 JavaScript 中 我最近意识到你可以使用 OR 赋值的逻辑运算符 我想知道这是否被认为是不好的做法 特别是 我有一些具有可选数组输入的函数 如果输入是null or undefined我应该将它设置为
  • PHP $_FILES 多个文件上传问题

    我在 PHP 中上传多个文件时遇到一个小问题 我有这个 html 表单
  • ngModel.$parsers 忽略 ng-model 值末尾的空格

    我有这样的指令 directive noWhitespace parse function parse return restrict A require ngModel link function scope element attrs
  • 向对象添加元素

    我需要填充一个 json 文件 现在我有这样的东西 element id 10 quantity 1 我需要添加另一个 元素 我的第一步是使用该 json 将该 json 放入对象类型中cart JSON parse 现在我需要添加新元素
  • 在 Angular2 项目中集成 Treant-js

    我正在尝试在 Angular2 项目中使用 treant js 但我正在努力解决如何正确集成它的问题 我有一个工作正常的 JavaScript HTML 示例 我正在尝试在 Angular2 中工作 我创建了一个组件 从 npm 添加了 t
  • 具有行组的 JQuery 斑马条纹表

    我通常将斑马条纹表行设置为奇数 偶数 如下所示 效果很好 table tbody tr visible even this addClass even table tbody tr visible odd this addClass odd
  • 提交前验证表单(比检查空字段更复杂)

    我有一个包含时间输入的表单 具体来说 开放时间和结束时间 当按下提交按钮时 它会转到一个 php 页面 其中这些输入将添加到数据库中 在允许提交表单之前我想检查一些事情 例如 我想确保开始时间早于 小于 结束时间 这是表格 Opens
  • 光滑的轮播缓动示例

    我正在使用 Slick Carousel http kenwheeler github io slick http kenwheeler github io slick 但不知道如何合并不同的幻灯片切换 有人有例子可以分享吗 这是我目前拥有
  • 点击问题:动态生成的链接不触发点击功能

    下面是两个代码片段 由于某种原因什么也没有发生 但来自同一个 JS 文件的其他 jQuery 函数在带有 UL 的页面上执行得很好 这是在盯着我看吗 ul class paganation li 1 li li a href 2 a li
  • 在 vue.js 模板中包含外部脚本

    我是 Vue js 和 web pack 的新手 所以我决定使用 vue cli webpack 来构建初始应用程序 我试图包含一个外部脚本 例如组件 不需要的模板中 但是 Vue 警告这是不允许的 我的 index html 文件与最初生
  • Chrome Javascript 调试器暂停时不会重新加载页面

    有时 当我在 Chrome 中调试某些 javascript 并且暂停了 javascript 时 如果我尝试重新加载页面 chrome 只会 继续 调试器 单步执行到下一个断点 似乎没有任何方法可以强制 javascript 完全停止运行
  • 使用 onBlur 事件上的值更新 React 输入文本字段

    我有以下输入字段 在模糊时 该函数调用服务来更新服务器的输入值 完成后 它会更新输入字段 我怎样才能让它发挥作用 我可以理解为什么它不允许我更改字段 但我能做些什么才能使其工作 我无法使用defaultValue因为我会将这些字段更改为其他
  • 将 NPM 包客户端与 nuxt 结合使用

    我对 nuxt 和 javascript 非常陌生 我正在尝试弄清楚如何在客户端使用我的应用程序的依赖项 我将它们列在我的 nuxt config js 中并使用 npm 安装 我也有一个文件 plugins导入它们的目录 不确定这是否好
  • Javascript 选择 onchange='this.form.submit()'

    我有一个带有选择和一些文本输入的表单 我希望在更改选择时提交表单 使用以下方法可以正常工作 onchange this form submit 但是 如果表单还包含提交按钮 则当选择更改时 表单不会提交 我猜有某种冲突 我在这里有什么选择
  • Postman - 如何计算 JSON 响应中特定对象的出现次数

    我是 JSON 和 Postman 的新手 我相信我正在尝试做一些非常简单的事情 我创建了一个 GET 请求 它将获得如下所示的 JSON 响应 在下面的例子中我想得到count响应中所有 IsArchived 属性 这些属性的数量因响应而
  • 理论上防止 WebSocket 中第一个收到的消息丢失

    服务器端代码发送消息立即地连接打开后 它向客户端发送初始配置 问候语 以下代码是在客户端 var sock new WebSocket url sock addEventListener error processError sock ad
  • 使用 Lodash 的 TypeScript:_.map(["123", " 234 "], _.trim) 返回 boolean[]?

    我有一个字符串数组 它们已像这样分割 var searchValue 600 800 123 180 var groups searchValue split gt 600 800 123 180 因此项目周围可能存在空格 并且我想删除空格
  • 有没有办法防止输入 type=“number” 获得多个点值?

    我只想得到十进制值 如 1 5 0 56 等 但它允许多个点 有什么办法可以预防吗 您可以使用pattern属性

随机推荐

  • R 正则表达式中的转义句点

    除非我遗漏了什么 否则这个正则表达式看起来非常简单 grepl Processor 0 9 Processor Time names web02 然而 它不喜欢逃避时期 我的目的是成为一个字面上的时期 Error is an unrecog
  • Python:创建n个列表的最快方法

    所以我想知道如何最好地创建空白列表列表 由于 Python 处理内存中列表的方式 这不起作用 n 这确实创建了 但每个元素都是相同的列表 d n d 0 append 1 1 1 像列表理解这样的东西是有效的 d for x in xran
  • 使用 npm 安装包时无法读取未定义的属性“resolve”

    我无法使用 npm 在 Windows 10 计算机上执行任何操作 我总是得到 npm ERR 无法读取未定义的属性 解析 我正在使用 VSCode npm install npm g 给我与 npm i 相同的消息 我已经卸载了 Node
  • 使用投影查询时的 NDB 缓存

    尚未找到之前提出的这个具体问题 使用投影查询与完整实体查询时 App Engine 的 NDB 如何处理缓存 例如 如果我首先执行预计查询 MyModel query get projected name 然后接下来进行常规查询 MyMod
  • Swift AVAudioEngine 崩溃:播放器在断开连接状态下启动

    因此 我下面的代码应该以更高的音调一遍又一遍地重播 chimes wav 文件 但由于底部的错误而崩溃 谁能找到导致此错误的原因吗 import UIKit import AVFoundation class aboutViewContro
  • 将内部样式表转换为内联 CSS

    如何在不使用任何在线源的情况下将内部样式表转换为页面的内联 CSS 我的风格定义为
  • 如何为 Netbeans 配置 Grails?

    我正在尝试在 Netbeans 中配置 Grails Grails 版本 3 2 网豆 8 2 JDK 1 8 操作系统 Windows 10 我已经安装并配置了环境路径和其他东西 我可以从命令提示符创建并运行项目 但我无法从 netbea
  • 从浏览器运行 cmd - 通过 JS

    我想从我的网页 HTML 打开cmd窗口 我正在使用 JS 但有些事情不对劲 因为当我按下时 该函数没有被调用
  • sqlalchemy 过滤查询中的子项,但不过滤父项

    我有一个查询返回一个User目的 Users 有多个Post他们所做的 当我执行查询时 我想过滤在以下位置找到的帖子User post根据具体时间 例如 仅返回给定时间戳 1 天内的帖子 class User base tablename
  • 发电机输出的长度[重复]

    这个问题在这里已经有答案了 Python 提供了一个很好的方法来获取渴望迭代的长度 len x 那是 但我找不到任何类似的由生成器理解和函数表示的惰性迭代 当然 写这样的东西并不难 def iterlen x n 0 try while T
  • Rails 4:在没有命名空间模型的情况下在子路径中组织 Rails 模型?

    可能有这样的东西吗 app models app models users user rb app models users education rb 目标是组织 应用程序 模型文件夹更好 但不必为模型命名空间 Rails 3 的一个未解答
  • 如何在Python中使用zeep设置默认xmlns?

    我想使用 zeep 进行一些 API 调用 预期输出是
  • RMI响应速度很慢

    我正在使用 Java 远程方法调用 RMI 测试 Web 应用程序 当我通过加密狗 宽带连接到互联网时 RMI 需要很长时间才能响应请求 完成方法调用大约需要 10 秒 当我进行方法调用时 我还可以看到互联网连接中的数据传输速率不断上升 因
  • 用coredata导入初始数据的方法

    当我在 iOS 应用程序中导入数据时遇到问题 数据与 coredata 一起存储 我试图用按钮导入数据 点击后 首先以JSON格式存储在txt文件中的数据将存储在sqllite文件中 我的问题是 导入这么大量的数据非常慢 并且用户点击按钮或
  • 在Python中使用文件获取所有进程

    我想找到一种有效的方法来使用特定文件获取所有进程 我知道我能做到psutil process iter 然后搜索process open files每个进程的文件 这是非常低效的 因为搜索每个进程以及每个进程打开的每个文件都需要花费大量时间
  • 如何在 CSS FlexBox 中按出现顺序按垂直顺序旋转(而不是堆叠)HTML 块?

    给定一个逻辑 搜索引擎可读 HTML 菜单 其中包含一个包装在
  • 配置 Visual Studio 2013 .sln 以使用本地 IIS(非 Express)

    我不断收到错误消息 指出我的 IIS Express 已停止工作 我想将我的项目配置为使用 IIS 而不是 IIS Express 当我运行它时 我可以看到它是 IISExpress 如下图所示 我尝试研究一个可能的解决方案 发现有些人能够
  • 如何捕获所有未捕获的异常并继续?

    EDIT 阅读评论和答案后 我意识到我想做的事情没有多大意义 我的想法是我 我的代码中有一些地方可能会失败 通常是一些requests电话可能不会接通 我想接住他们而不是 把一个try 到处 我的具体问题是我会 不在乎它们是否失败并且不会影
  • 多维向量运算的 Racket-y 方式?

    我读过这个question之前 并遵循 Eli Barzilay 的回答srfi 25 除了阅读srfi 25的源代码之外 我发现编写一些辅助函数会更容易 例如 lang racket define set2v vec x y value
  • 使用 jquery/javascript 将数据从 html 表单保存到文本文件

    我正在尝试为我的网站创建一个评论选项卡并插入一个 HTML 表单 到目前为止 我的表单和评论选项卡已准备就绪 我想创建一个文本文档来存储 HTML 表单输入 我找不到合适的方法来做到这一点 比如 C fstream 我找到了一些使用 PHP