テキストファイルからキーベースの値を表示する方法は？

Question

私はファーストネームのようなキーに基づいて値を表示することができるテキストファイルアップロードプロセスに取り組んでいます。ここではサンプルテキスト

First Name : Joe Last Name : Smith Age : 21

は今どのように私は、キーに基づいて値のみを表示することができますか？ここで

function process() { 
 
       var input = fileInput.get(0); 
 
       console.log(input); 
 
       var reader = new FileReader(); 
 
        var textFile = input.files[0]; 
 
        reader.readAsText(textFile); 
 
        $(reader).on('load', processFile); 
 
      } 
 

 
function processFile(e) { 
 
      var file = e.target.result, 
 
       results; 
 
      if (file && file.length) { 
 
       results = file.split("\n"); 
 
       var FirstName = results[0]; 
 
       var LastName = results[1]; 
 
       var Age = results[3]; 
 

 
       alert(FirstName); 
 
       alert(LastName); 
 
       alert(Age); 
 
      } 
 
     }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <input type="file" id="files" /> 
 
    <button id="upload" onclick="process()">Upload</button> 
 
</form>

Answer 1

あなたのコードのベースで働いdemoあり、あなたが得た事は、入力鉱山のDOMセレクタは、この

var input = document.getElementsByTagName('INPUT')[0]; 

ですndは、すべてのデモがあります：

function process() { 
       var input = document.getElementsByTagName('INPUT')[0]; 
       console.log(input); 
       var reader = new FileReader(); 
        var textFile = input.files[0]; 
        reader.readAsText(textFile); 
        $(reader).on('load', processFile); 
      } 

function processFile(e) { 
    console.log(e); 
      var file = e.target.result, 
       results; 
      if (file && file.length) { 
       results = file.split("\n"); 
       var FirstName = results[0]; 
       var LastName = results[1]; 
       var Age = results[3]; 

       alert(FirstName); 
       alert(LastName); 
       alert(Age); 
      } 
     }