前端导出JSON文件

收藏

我们都知道，SpreadJS的在线表格编辑器有导出json文件的功能 image.png56980284.png

但是当我们用的是不包含工具栏的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);
};

复制代码

我们看一下效果：

完整代码请查看附件

		自动登录	找回密码
密码			立即注册

前端导出JSON文件

0 个回复