h5引入json_HTML5实现本地JSON文件的读写

参考：

使用HTML5来实现本地文件读取和写入  (FileReader读取json文件，FileSaver.js保存json文件)

JS创建、写入、读取本地文件(txt)   (ActiveXObject 这玩意根本不能用，IE10 和 Chrome都试了)

HTML 5中的文件处理之File Writer API  (FileSaver和FileWriter都是不能直接修改保存指定文件的，只能生成一个文件，然后浏览器以"下载"的形式保存)

一、读取本地JSON文件

1. 首先使用标签创建一个读取的按钮

2. 然后选择本地的json文件后使用FileReader读取json文件的内容，此时读取的结果是字符串

3. 将读取的结果字符串使用JSON.parse转为json格式，之后再使用

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 read