javascript - 有没有办法从 csv 数据创建文件并下载它
问题描述
在 wix 上,我有一个将一堆信息上传到数据库(姓名、电子邮件、地址等)的表单。然后我有一个单独的页面,它从数据库中获取数据并将其编译为 CSV 格式。
它目前将其输出到一个文本框中,我可以从那里复制到一个 txt 文件并将扩展名更改为 csv。这对我来说非常好,但如果其他人也能做到这一点,我并不肯定。
所以,我的问题是是否有办法将该数据转换为文件然后下载?
我的数据看起来像这样:
"_id,姓氏,名字
345893458,史密斯,约翰"
解决方案
我想通了,对于任何想知道这里的解决方案的人。
您需要在 wix 页面上创建一个 iframe 对象
然后您将其 html 代码更改为类似以下内容:
<!doctype html>
<html>
<head>
<script type="text/javascript">
function init () {
window.onmessage = (event) => {
if (event.data) {
download('data.csv', event.data)
}
}
}
//download file
function download(filename, text) {
var element = document.createElement('a');
element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
element.setAttribute('download', filename);
element.style.display = 'none';
document.body.appendChild(element);
element.click();
document.body.removeChild(element);
}
</script>
</head>
<body onload="init();" style="background-color:black;">
</body>
</html>
注意设置背景颜色很重要,不完全确定为什么,但我很确定它会以某种方式初始化代码。
接下来,您要在 wix 代码编辑器中添加这样的行
export function button2_click(event) {
// send message to the HTML Component
let data = $w('#output').value
$w("#html1").postMessage(data);
}
作为包含'output'
csv 数据的文本框的 id(您可以从其他地方获取数据)并'html1
作为 iframe 容器的 id
确保该功能链接到按钮按下。
推荐阅读
- macos - 视觉工作室社区模板位置
- r - 汇总布尔变量矩阵
- android - 移动音乐应用(集成音乐播放器)先在安卓,后来在ios
- android - Ionic Cordova 平台安装错误
- xml - 使用 powershell 读取 xml 节点
- php - PHP不在Ubuntu上显示图像
- java - 使用 io.Cucumber (java8 - testng - spring) 找不到步骤定义
- c# - 调试 PowerPoint VSTO 加载项,默认打开文件
- oracle - 通过 awk 从 tnsnames.ora 获取连接数据
- docker - Docker UCP 设置 - 无法连接到 Docker 守护程序