访问HTML <textarea> 数据并将它们存储为文件

2024-03-29 12:37:49 发布

您现在位置:Python中文网/ 问答频道 /正文

我有以下任务:
我需要从多个<textarea>标签收集信息,格式化它们一点,并以CSV格式保存在硬盘上。在

重要提示1:数据源HTML文档是我本地硬盘上的一个文件,它不在任何服务器上托管(此文件是从某些数据库管理工具导出的产品)。在

我已经做了一些工作来准备一些python脚本,将CSS样式表链接和JavaScript链接嵌入到这个HTML文件中以供使用,以及一些jQuery库函数用于显示目的。在

现在,在特定操作(即“保存”按钮单击)上,我需要:

  • 搜索填充的<textarea>标记(jQuery作业?)在
  • 格式化它们,最好是用单个变量粘合(jQuery也是)
  • 显示“另存为”对话框
  • 在硬盘上保存文件

据我所知,JavaScript是不允许操作机器文件系统上的文件的,所以写文件应该是一些服务器端脚本,对吗?在

这个保存脚本应该由“另存为”按钮触发吗?(实现为提交表单按钮)?如果是,我可以先运行一些JavaScript函数(收集文本区域数据并格式化它们),然后将其保存到文件中吗?在

如何将这种数据传递给服务器端脚本?在

谢谢你的帮助和建议。在

编辑: 我看到一些用户已经用download属性指向<a>标记,但是还有一个额外的问题:我们必须假设IE是web浏览器,默认情况下它不支持下载属性。在


Tags: 文件数据标记脚本信息属性链接html
1条回答
网友
1楼 · 发布于 2024-03-29 12:37:49

由于某种原因,正确的答案被作为评论而不是作为答案发布。代码由Gabrieloperales提供:

JavaScript代码:

$(function(){
  function toCSV(text){
    var str= 'data:application/octet-stream;charset=utf-16le;base64,';
    str += btoa(text);
    return str;
  }

  $('#editor').on('change', function(){
    $('#download').attr('href', toCSV($(this).val()));
  });
});

HTML格式:

^{pr2}$

相关问题 更多 >