本篇内容主要讲解“如何把 json 数据转化为 demo.json 并下载文件”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“如何把 json 数据转化为 demo.json 并下载文件”吧!
json 视为字符串，可以利用 DataURL 进行下载
Text -> DataURL
除了使用 DataURL，还可以转化为 Object URL 进行下载
Text -> Blob -> Object URL
可以把以下代码直接粘贴到控制台下载文件
计算
安全
数据库
网络和加速
企业服务
function download (url, name) { const a = document.createElement('a') a.download = name a.rel = 'noopener' a.href = url // 触发模拟点击 a.dispatchEvent(new MouseEvent('click')) // 或者 a.click()}const json = { a: 3, b: 4, c: 5}const str = JSON.stringify(json, null, 2)// 方案一：Text -> DataURLconst dataUrl = `data:,${str}`download(dataUrl, 'demo.json')// 方案二：Text -> Blob -> ObjectURLconst url = URL.createObjectURL(new Blob(str.split('')))download(url, 'demo1.json')<a href="url" download><a> 标签并设置
url 及
download 属性来下载json 转化为
dataurl 来构造 URLjson 转换为
Blob 再转化为
ObjectURL 来构造 URL到此，相信大家对“如何把 json 数据转化为 demo.json 并下载文件”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
原文链接：https://my.oschina.net/u/4592353/blog/4428652
