如何阅读.txt文件的第一行?

时间:2016-10-04 14:47:23

标签: javascript file-upload split

任何人都可以帮助如何阅读.txt文件的第一行吗?我有上传example.txt的输入类型文件,然后我想抓住该代码的第一行。我试过这样的事情:

<input type="file" id="fileUpload" name="fileUpload"/> MyTest.txt //file name

function confirmFileSubmit(){
    var fileName = $('#fileUpload').val();
    alert($('#fileUpload').split('\n')[0]);
} 

运行我的代码后,这只是在警告框中输出文件名。我不确定如何阅读文件的内容。如果有人可以提供帮助,请告诉我。

1 个答案:

答案 0 :(得分:7)

你需要FileReader

function confirmFileSubmit(){
    var input  = document.getElementById('fileUpload'); // get the input
    var file   = input.files[0];                  // assuming single file, no multiple
    var reader = new FileReader();

    reader.onload = function(e) {
        var text = reader.result;                 // the entire file

        var firstLine = text.split('\n').shift(); // first line 

        console.log(firstLine);                   // use the console for debugging
    }

    reader.readAsText(file, 'UTF-8');             // or whatever encoding you're using
                                                  // UTF-8 is default, so this argument 
}                                                 // is not really needed