參考：
使用HTML5來實現本地文件讀取和寫入 （FileReader讀取json文件，FileSaver.js保存json文件）
JS創建、寫入、讀取本地文件（txt） （ActiveXObject 這玩意根本不能用，IE10 和 Chrome都試了）
HTML 5中的文件處理之File Writer API （FileSaver和FileWriter都是不能直接修改保存指定文件的，只能生成一個文件，然后瀏覽器以"下載"的形式保存）
想用Egret來做地圖編輯器來着，需要打開地圖配置，編輯地圖后，再保存地圖配置。
所以去網上搜了一圈json的讀取和保存方法。
一、讀取本地JSON文件
1. 首先使用標簽<input>創建一個讀取的按鈕
2. 然后選擇本地的json文件后使用FileReader讀取json文件的內容，此時讀取的結果是字符串
3. 將讀取的結果字符串使用JSON.parse轉為json格式，之后再使用
<div>
<input type="file" id="files"/>
</div>
<script>
var inputElement = document.getElementById("files");
inputElement.addEventListener("change", handleFiles, false);
function handleFiles() {
var selectedFile = document.getElementById("files").files[0];//獲取讀取的File對象
var name = selectedFile.name;//讀取選中文件的文件名
var size = selectedFile.size;//讀取選中文件的大小
console.log("文件名:"+name+"大小："+size);
var reader = new FileReader();//這里是核心！！！讀取操作就是由它完成的。
reader.readAsText(selectedFile);//讀取文件的內容
reader.onload = function(){
console.log("讀取結果：", this.result);//當讀取完成之后會回調這個函數，然后此時文件的內容存儲到了result中。直接操作即可。
console.log("讀取結果轉為JSON：");
let json = JSON.parse(this.result);
console.log(json.name);
console.log(json.age);
};
}
</script>
實際操作步驟
使用<input>標簽創建的按鈕如下圖
點擊“選擇文件”，打開本地test.json文件，test.json內容如下圖：
讀取后console.log輸出結果如下：
二、JSON文件的保存
網上搜了一圈，有個new ActiveXObject("Scripting.FileSystemObject");方法，但是沒有什么用。
使用下面的代碼進行JSON保存
1. 引入FileSaver.js文件 (可以從文章開頭那去找下載鏈接)
2. 使用<input>標簽創建一個保存按鈕
2. 點擊<input>標簽保存時，調用saveAs方法保存json內容
<script type="text/javascript" src="./js/FileSaver.js" charset="utf-8"></script>
<input type="button" id="export" value="保存"/> <script> var button = document.getElementById("export"); button.addEventListener("click", saveHandler, false); function saveHandler(){ let data = { name:"hanmeimei", age:88 } var content = JSON.stringify(data); var blob = new Blob([content], {type: "text/plain;charset=utf-8"}); saveAs(blob, "save.json"); } </script>
實際操作步驟
<input>標簽創建保存按鈕
瀏覽器提示下載save.json文件
下載保存后的文件
三、疑問
1. 為什么保存的時候不能直接保存打開的json文件，還需要"下載"這一步。
我沒有去深究，估摸着這是安全權限問題，因為如果瀏覽器能任意修改你電腦上的文件，那是比較可怕的。
2. 在Egret中如何使用
首先這些input標簽必須創建在egret的div之前
然后這些標簽必須得隱藏起來，不然會蓋在游戲canvas只上，很難控制顯示和隱藏
<input type="file" id="files" style="display:none"/>
因為標簽按鈕被隱藏了你沒法點，在Egret里用代碼控制<input>主動調用click事件，來觸發打開文件和保存的操作，這樣比較靈活。
//打開本地文件
private onOpenFile(){
var files= document.getElementById("files");
files.onchange = this.onChang;
files.click();
}
//選定本地文件
private onChang(){
//獲取打開的文件，並進行操作
var files: any = document.getElementById("files");
var file = files.files[0];
}