首页 > 其他分享 >js将json数据保存下载为json文件

js将json数据保存下载为json文件

时间:2022-11-14 17:56:48浏览次数:43  
标签:const URL objectURL aTag json blob js 下载

const button = document.createElement('a');
                        button.onclick = () => {
                            // 要保存的字符串, 需要先将数据转成字符串
                            const stringData = "文件内JSON字符串"
                            // dada 表示要转换的字符串数据,type 表示要转换的数据格式
                            const blob = new Blob([stringData], {
                                type: 'application/json'
                            })
                            // 根据 blob生成 url链接
                            const objectURL = URL.createObjectURL(blob)

                            // 创建一个 a 标签Tag
                            const aTag = document.createElement('a')
                            // 设置文件的下载地址
                            aTag.href = objectURL
                            // 设置保存后的文件名称
                            aTag.download = "JSON文件名.json";
// 给 a 标签添加点击事件
                            aTag.click()
                            // 释放一个之前已经存在的、通过调用 URL.createObjectURL() 创建的 URL 对象。
                            // 当你结束使用某个 URL 对象之后,应该通过调用这个方法来让浏览器知道不用在内存中继续保留对这个文件的引用了。
                            URL.revokeObjectURL(objectURL)
                        }
                        button.click();

 

标签:const,URL,objectURL,aTag,json,blob,js,下载
From: https://www.cnblogs.com/xiaojitui/p/16889808.html

相关文章

  • Apple Safari 16.1 - macOS 专属浏览器 (独立安装包下载)
    Safari浏览器16.1forMontery,BigSur请访问原文链接:AppleSafari16.1-macOS专属浏览器(独立安装包下载),查看最新版。原创作品,转载请保留出处。作者主页:www.sys......
  • 某nas下载
    某nas下载效果图:“不,不应该这样的,我们的界面不是这样的”嗯确实,这里只是探索学习,请不要模仿.同思路: nas其实是定制版的linux,所谓的app大部分都是web服......
  • 百度离线地图JS API V3.0
    首先,百度地图JavaScriptAPI3.0版本与2.0版本相比增加了几个小功能,整体没有大的改动,具体可以在官网上查阅。于是就照着先前大佬们分享的2.0离线版本进行3.0版本的制作,附上......
  • 两行代码完成特征工程-基于Python的特征自动化选择代码(提供下载)
    实现的功能该选择器基于Python编写,有五种方法来标识要删除的特征:缺失值唯一值共线特征零重要性特征低重要性特征使用方法 特征选择器(FeatureSelector)的用法在这个Jupyter......
  • AI基础:提供pdf打包下载了!(更新了25集)
    0.导语目前我在编写AI基础系列,目前已经发布:​​AI基础:简易数学入门​​​​AI基础:Python开发环境设置和小技巧​​​​AI基础:Python简易入门​​​​AI基础:Numpy简易......
  • AI基础:第一部分提供打包下载了!
    0.导语我最近在编写AI基础系列,受到广大读者的好评,目前已经发布:​​​AI基础:简易数学入门​​​​AI基础:Python开发环境设置和小技巧​​​​AI基础:Python简易入门​​​......
  • 适合小白的懒人听书音频工具(音频解析、导出、转成mp3、重命名解码,格式修改、音频下载)
    慢一点,更慢一点...通过倾听重回生活的张弛有度 找到一款比较适合不懂技术的小白音频下载工具,支持下载懒人听书上的听书节目,这个工具自动帮我们完成了(音频解析、导......
  • JS中有哪几种继承方式
    JS和Java中虽然都有对象的概念,但这两种对象却大有不同。Java的对象是基于类创建的,JS的对象却是基于一个特殊的对象——原型对象——创建的,之前看到一个盖房子的比喻,在Java......
  • Java json 字符串转化 JSONObject
    json字符串转化JSONObjectStrings="{\"msg\":\"操作成功\",\"code\":200,\"data\":{\"bizTypeList\":[{\"bizname\":\"测试一\"},{\"bizname\":\"测试二\"},{\&q......
  • JS基础
    输出F12点console查看注释//......