FileSaver.js導出json文件和文本

時間 2019-11-18

標籤 filesaver.js filesaver 導出 json 文件文本欄目 JavaScript 简体版

原文原文鏈接

　　最近剛剛寫了個json數據導出生成Excel文件的，順便總結下利用FileSaver.js導出其餘文件的，這裏要注意的一個點就是，當導出的是json文件或是txt文件時，導出的內容要是字符串，特別當時導出的數據是json數據時，要記得轉一把。好了，很少說，直接上一個小小的demo，以下：html

下載地址：git

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

 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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。