如何使用JavaScript保存从数据结构(如向量)中的文件读取的文本?

时间:2016-04-07 18:13:16

标签: javascript html html5 dom

我尝试使用HTML和JavaScript解析log.txt文件。

我必须解析的文本文件有很多行,所以我想将它存储在数据结构中并决定我要打印哪些行(例如在for循环中)。

这是我用来阅读文本文件的代码:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" lang="es-es">
    <title>Leer archivo de texto</title>
    <style>
    div {
        margin-top: 30px;
        border: solid 1px black;
        padding: 5px;
    }
    </style>
    <script>
    function processFiles(files) {
        var file = files[0];

        var reader = new FileReader();

        reader.onload = function(e) {
            // Cuando éste evento se dispara, los datos están ya disponibles.
            // Se trata de copiarlos a una área <div> en la página.
            var output = document.getElementById("fileOutput");
            output.textContent = e.target.result;
        };
        reader.readAsText(file);
    }
    </script>
</head>

<body>
    <input id="fileInput" type="file" size="50" onchange="processFiles(this.files)">
    <div id="fileOutput" style="white-space: pre-line;"></div>
</body>
</html>

这是读取文件后的输出:

Aspect

1 个答案:

答案 0 :(得分:0)

var data = yourTextData.split("\n");

for(i in data)
console.log(data[i]);