爱迪生 发表于 2022-3-31 11:39:22

前端导出JSON文件

我们都知道,SpreadJS的在线表格编辑器有导出json文件的功能
但是当我们用的是不包含工具栏的Spread,如何实现前端导出json文件呢?今天我手把手教大家如何实现前端导出json文件!
1.在 HTML5 中 a 标签增加了一个 download 属性,通过 download 属性,可以直接通过文件下载对话框来下载浏览器能打开的文件。
2.通过URL.createObjectURL()创建一个下载链接
3.将a标签的或热敷指向2中的URL
上代码:
// 下载ssjson文件方法
                        var funDownload = function (content, filename) {
                              var eleLink = document.createElement('a');
                              eleLink.download = filename;
                              eleLink.style.display = 'none';
                              // 字符内容转变成blob地址
                              var blob = new Blob();
                              eleLink.href = URL.createObjectURL(blob);
                              // 触发点击
                              document.body.appendChild(eleLink);
                              eleLink.click();
                              // 然后移除
                              document.body.removeChild(eleLink);
                        };

我们看一下效果:

完整代码请查看附件
页: [1]
查看完整版本: 前端导出JSON文件