JavaScriptを：私はテキスト領域にファイルの内容を表示したい

Question

：テキスト領域にファイルを表示します。 私はそれを行うには、このスクリプトを使用しますが、私はオープンボタンでクリックしたときにテキストが表示されない：

function loadFileAsText() 
    { 
    document.getElementById("textoNormal").scrollTop=0; 
    var fileToLoad = document.getElementById("fileToLoad").files[0]; 

    var fileReader = new FileReader(); 
    fileReader.onload = function(fileLoadedEvent) 
    { 
     var textFromFileLoaded = fileLoadedEvent.target.result; 
     document.getElementById("textoNormal").value = textFromFileLoaded; 
    }; 
    fileReader.readAsText(fileToLoad, "UTF-8"); 
    id=1; 
    } 

textoNormal：私はjQueryのでは、あなたの関数の私のテキスト領域

Answer 1

ファイルアップロードコントロールののonChangeイベントのコンテンツの読み取りファイル。

 function OnUpload() { 
      var obj = document.getElementById("<%=FleUldLogo.ClientID%>"); 
      var source = obj.value; 
      var file = obj.files[0]; 
      var textarea=$("#txtar"); 
      var reader = new FileReader(); 
      reader.onloadend = function() { 
      textarea.value= reader.result; 
      } 
        reader.readAsText(file); 
      return true; 
     } 

Answer 2

のIDと呼ばれていますonClickの、それがうまく働いた、

jqueryの

$(document).ready(function(){ 
    $('.clickMe').click(function(){ 
    document.getElementById("textoNormal").scrollTop = 0; 
      var fileToLoad = document.getElementById("fileToLoad").files[0]; 
      var fileReader = new FileReader(); 
      fileReader.onload = function(fileLoadedEvent) 
      { 
      var textFromFileLoaded = fileLoadedEvent.target.result; 
        document.getElementById("textoNormal").value = textFromFileLoaded; 
      }; 
      fileReader.readAsText(fileToLoad, "UTF-8"); 
    id=1;   
    }); 
}); 

HTML

<textarea id="textoNormal"></textarea> 
<input type="file" id="fileToLoad" /> 

<div class="clickMe">Click To Read Text File</div>