前端导出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]