2016-10-04 12 views
3

誰でも1つの.txtファイルの最初の行を読む方法を助けることができますか?私は、example.txtをアップロードし、そのコードから最初の行を取得したいと思う入力タイプのファイルがあります。私はこのようなものを試しました:.txtファイルの最初の行を読むには?

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

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

私はコードを実行した後、これは警告ボックスにファイル名を出力しました。私はファイルの内容をどのように読むことができるのか分かりません。誰かが助けてくれたら教えてください。

答えて

5

あなたは、引数「E」でのonChange関数に渡されたどのようなこと

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 
+0

ためFileReaderのが必要になるでしょうか?私は警告しようとしましたが(e)、私はただオブジェクトオブジェクトを取得しましたが、e.val()を試みましたが、エラーが発生しました。もしあなたが説明することができます。ありがとう。 –

+0

'e'は[**イベントオブジェクト**](https://api.jquery.com/category/events/event-object/)で、' event.target'は対象となる要素です。 target.files'は選択されたファイルのリストを保持します。それらのファイルに直接アクセスすることはできません。ファイルを読むには 'fileReader'を使用しなければなりません。 – adeneo

+0

どうすれば私のjavascriptに.on( 'change'、function(e)){}を使わないのでしょうか?私は私のconfirmFileSubmit()関数をクリックすると、これを引き起こしたいと思います。 –

関連する問題