javascript - JQuery 读取文本并安全到二维数组

Question

我有一个 .txt 文件作为输入，我想将它保存到二维数组中

示例输入:

21 16 91 //1st block of data

22 156 106 //2nd block of data

23 120 164 //3rd block of data

24 159 207 //etc

25 168 83

26 83 27

27 189 29

到目前为止的代码:

function leseConfig (input) {
 if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {

};

我怎样才能实现我所追求的目标？

也许有人可以给我一个简短的例子来做这样的事情？

Answer 1

要在reader准备好后实际读取input文件

reader.readAsText(input.files[0]);

要在 reader.onload 中获取读取文件的文本，您可以使用

reader.result

Fiddle .

所以有了 HTML:

<input id="file" type="file"/>
<input id="read" type="button" value="read"/>

你可以这样使用:

$(document).ready(function()
{
    $('#read').click(function()
    {
        leseConfig($('#file')[0]);
    });
});

function leseConfig(input)
{
    if (input.files && input.files[0])
    {
        var reader = new FileReader();
        reader.onload = function()
        {
            var arr = [];
            var rows = reader.result.split('\n');
            for (var i = 0; i < rows.length; i++)
            {
                var elements = rows[i].split(/\s/);
                if (elements.length >= 3)
                {
                    arr.push([elements[0], elements[1], elements[2]]);
                }
            }
            handleArray(arr);
        }
        reader.readAsText(input.files[0]);
    }
};