ie兼容之js生成json文件并导出

此方法只兼容ie10以上以及firefox,chrome,ie9的解决方法还在研究中。。。哪位大神有办法,还请不吝赐教,小女子定当感激不尽。

html 代码

1
2
3
4
<span>
<button onclick="downloadFile">导出json文件</button>
<a target="_blank" id="downid" download></a>
</span>

js代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function downloadFile() {
var outportData = [{
"key1": "test1",
"key2": "test2"
}, {
"key1": "test1",
"key2": "test2"
}];
if (typeof navigator !== "undefined" && navigator.msSaveOrOpenBlob) {
//兼容ie10
var blob = new Blob([JSON.stringify(outportData, null, 2)], {
type: "data:application/json;charset=utf-8"
});
navigator.msSaveOrOpenBlob(blob, "test.json");
} else {
var downloadBtn = $("#downid")[0];
var jsonData = "data:application/json;charset=utf-8" + json;
downloadBtn.href = jsonData;
downloadBtn.target = "_blank";
downloadBtn.download = "test.json";
downloadBtn.click();
}
}
文章目录
  1. 1. html 代码
  2. 2. js代码
|