Html5文件阅读器 - 读取本地Json数组文件并仅显示特定部分

时间:2013-07-18 06:27:35

标签: javascript json filereader

我是初学者,来自VBA excel编程工具。 读取excel文件,在VBA中操作excel内容比使用Filereader和Json数组等Web工具要容易得多。

我的Json数组文件中包含以下内容。

[
  ["TWE",6000,4545.5  ],
  ["RW",1000,256.3  ]
]

我想从以下html文件中读取并仅显示值253.6

你能帮助我吗?

这里是Html文件阅读器示例

<!DOCTYPE html>
<html>
    <head>
        <script>        
            function handleFileSelect()
            {               
                if (window.File && window.FileReader && window.FileList && window.Blob) {

                } else {
                    alert('The File APIs are not fully supported in this browser.');
                    return;
                }   

                input = document.getElementById('fileinput');
                if (!input) {
                  alert("Um, couldn't find the fileinput element.");
               }
               else if (!input.files) {
                  alert("This browser doesn't seem to support the `files` property of file inputs.");
               }
               else if (!input.files[0]) {
                  alert("Please select a file before clicking 'Load'");               
               }
               else {
                  file = input.files[0];
                  fr = new FileReader();
                  fr.onload = receivedText;
                  fr.readAsText(file);
               }
            }

            function receivedText() {           
               //result = fr.result;
               document.getElementById('editor').appendChild(document.createTextNode(fr.result))
            }           

        </script>
    </head>
    <body>
        <input type="file" id="fileinput"/>
        <input type='button' id='btnLoad' value='Load' onclick='handleFileSelect();'>
        <div id="editor"></div>
    </body>
</html>

1 个答案:

答案 0 :(得分:7)

如果将带有fr.readAsText的文本转换为字符串,则可以使用JSON.parse()(请参阅:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse)将字符串转换为JSON对象。然后,您可以像普通数组一样访问您的特定内容。