我们都知道,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([content]);
- eleLink.href = URL.createObjectURL(blob);
- // 触发点击
- document.body.appendChild(eleLink);
- eleLink.click();
- // 然后移除
- document.body.removeChild(eleLink);
- };
复制代码
我们看一下效果:
完整代码请查看附件
|
|