前端实现,json数据转文件,并下载

2,028 阅读1分钟

简单实现前端json数据,以文件的形式,下载到本地。

将获取到的json数据,使用JSON.stringify转化为字符串,并以data:的形式传给a标签,通过触发a标签的点击事件,最终实现文件下载。

function download(url, name) {
    const a = document.createElement('a');
    a.href = url;
    a.download = name;
    a.click();
}
const json = {
    name: '张三',
    addr: '广州'
};
const str = JSON.stringify(json, null, 2);
const url = `data:,${str}`;
download(url, 'a.json');
// 最终下载名为a.json的文件