码迷,mamicode.com
首页 > Web开发 > 详细

FileSaver.js导出json文件和文本

时间:2017-12-26 00:57:45      阅读:456      评论:0      收藏:0      [点我收藏+]

标签:.com   save   abs   gre   blob   adt   利用   new   microsoft   

  最近刚刚写了个json数据导出生成Excel文件的,顺便总结下利用FileSaver.js导出其他文件的,这里要注意的一个点就是,当导出的是json文件或是txt文件时,导出的内容要是字符串,特别当时导出的数据是json数据时,要记得转一把。好了,不多说,直接上一个小小的demo,如下:

 

下载地址:

 

https://github.com/eligrey/FileSaver.js

 

 

 1 <!DOCTYPE html>
 2 <html>
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>导出生成json文件和文本</title>
 7     <script src="js/FileSaver.min.js"></script>
 8 </head>
 9 
10 <body>
11 <button onclick="downloadJson(students)">导出生成json文件</button>
12 <button onclick="downloadText(students)">导出生成文本</button>
13 </body>
14 <script>
15     var students = [{
16         "name": "小明1",
17         "age": "6",
18         "sex": "",
19         "height": "60"
20     }, {
21         "name": "小明2",
22         "age": "7",
23         "sex": "",
24         "height": "70"
25     }, {
26         "name": "小明3",
27         "age": "8",
28         "sex": "",
29         "height": "80"
30     }];
31     // 导出生成json文件
32     function downloadJson(data) {
33         var blob = new Blob([JSON.stringify(data)], { type: "" });
34         saveAs(blob, "hello.json");
35     }
36     // 导出生成文本
37     function downloadText(data) {
38         var blob = new Blob([JSON.stringify(data)], { type: "text/plain;charset=utf-8" });
39         saveAs(blob, "hello.txt");
40     }
41 
42 </script>
43 
44 </html>

 

FileSaver.js导出json文件和文本

标签:.com   save   abs   gre   blob   adt   利用   new   microsoft   

原文地址:https://www.cnblogs.com/absolute-child/p/8111541.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!