资讯专栏INFORMATION COLUMN

js获取和下载json文件

xiaowugui666 / 1047人阅读

摘要:业务场景通过以格式上传配置,直接读取并加载。再将数据通过格式下载在本地。

业务场景

通过input以json格式上传配置,直接读取并加载。再将数据通过json格式下载在本地。

代码


$(".upload").click(function(e){
    var target = e.target
    var file = targe.files[0]
    var reader = new FileReader()
    reader.readAsText(file);
    reader.onload = function(){
        var result = JSON.parse(this.result)[0]
    }
})



$(".download").click(function(){
    var d = {}
    var datastr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(d));
    var downloadAnchorNode = document.createElement("a")
    downloadAnchorNode.setAttribute("href", datastr);
    downloadAnchorNode.setAttribute("download", "tem.json")
    downloadAnchorNode.click();
    downloadAnchorNode.remove();
})

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/93184.html

相关文章

  • 发布一个自己的npm包之wxh-tools

    摘要:工作中经常重复写一些方法整理起来托管到仓库中搭建一个包每次使用时按需下载打包成一个文件方便使用项目地址地址工具截图项目目录执行包命令所有下方法列表由创建打包时使用的配置打包目录临时目录,用于存放从下载到本地的资源存放 工作中经常重复写一些方法, 整理起来托管到 GitHub仓库中 ,搭建一个npm包, 每次使用时, 按需下载打包成一个文件, 方便使用; 项目地址 NPM地址: http...

    smartlion 评论0 收藏0
  • 【小工具】node.js下载json对象中包含的所有图片链接

    摘要:我先是在浏览器上输入豆瓣的地址,拉下来数据。根据豆瓣的图片地址,建立了对应的文件夹以下逻辑代码中该函数的功能是接收一个数组数据的文件路径,就可以将该中包含的所有的图片路径全部下载到中下对应的文件夹中。 今天在看微信小程序,数据是从网上找的API请求下来的。就想能不能把数据保存到本地来,以后没有网络也可以自己搭服务器提供数据。 说干就干,我打算用node来做。 我先是在浏览器上输入豆瓣的...

    notebin 评论0 收藏0
  • nodejs 基础篇整合

    摘要:基础篇整合最近有朋友也想学习相关方面的知识,如果你是后端想接近前端,作为一门跑在服务端的语言从这里入门再好不过了。事件驱动机制是通过内部单线程高效率地维护事件循环队列来实现的,没有多线程的资源占用和上下文的切换。 nodeJs 基础篇整合 最近有朋友也想学习nodeJs相关方面的知识,如果你是后端想接近前端,node作为一门跑在服务端的JS语言从这里入门再好不过了。如果你正好喜欢前端,...

    lemanli 评论0 收藏0
  • nodejs 基础篇整合

    摘要:基础篇整合最近有朋友也想学习相关方面的知识,如果你是后端想接近前端,作为一门跑在服务端的语言从这里入门再好不过了。事件驱动机制是通过内部单线程高效率地维护事件循环队列来实现的,没有多线程的资源占用和上下文的切换。 nodeJs 基础篇整合 最近有朋友也想学习nodeJs相关方面的知识,如果你是后端想接近前端,node作为一门跑在服务端的JS语言从这里入门再好不过了。如果你正好喜欢前端,...

    lentrue 评论0 收藏0
  • nodejs 基础篇整合

    摘要:基础篇整合最近有朋友也想学习相关方面的知识,如果你是后端想接近前端,作为一门跑在服务端的语言从这里入门再好不过了。事件驱动机制是通过内部单线程高效率地维护事件循环队列来实现的,没有多线程的资源占用和上下文的切换。 nodeJs 基础篇整合 最近有朋友也想学习nodeJs相关方面的知识,如果你是后端想接近前端,node作为一门跑在服务端的JS语言从这里入门再好不过了。如果你正好喜欢前端,...

    高胜山 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<