divタグからtextareaにコードを変更するにはどうすればいいですか？

Question

ここ

は私のコードです：

<h1>JavaScript File API demo</h1> 
<div id="container"> 
<label>Upload files to local repository:</label><input type="file" accept=".js" id="uploaded" multiple="multiple"/> 
<div id="fileInfo" ></div> 

<textarea rows="4" cols="50" id="fileInfo2"></textarea> 

</div> 

<p></p> 

<script> 
$(document).ready(function() { 

    if(!(window.File && window.FileReader && window.FileList && window.Blob)){ 
    $('#fileContent, input, button, #examples').fadeOut("fast"); 
    $('<p>Oh no, you need a browser that supports File API. How about <a href="http://www.google.com/chrome">Google/a>?</p>').appendTo('#container'); 
    } else { 
      $("#uploaded").change(function (e) { 
       var files = e.target.files; // FileList object 
       // files is a FileList of File objects. List some properties. 
       var output = []; 
       for (var i = 0, f; f = files[i]; i++) { 
        output.push('<li><strong>', escape(f.name), 
          '</strong> (', f.type || 'n/a', ') - ', 
          f.size, ' bytes, last modified: ', 
          f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a', 
          '</li>'); 
        var reader = new FileReader(); 
        reader.onload = function(e) { 
         $("#fileInfo").append("<li> Data from file: "+"<br/>" + e.target.result.replace(/\n/g, "<br>\&nbsp") + "</li>"); 
        }; 
        reader.readAsText(f); 
       } 
       $("#fileInfo").append('<ul>' + output.join('') + n/a +'</ul>'); 
      }); 
    } 
}); 
</script> 

このコードは、divタグ内の1つまたは複数の選択したファイルからのデータを示し、コードの最後の行で使用されるID =「のfileInfo」、と...と3番目から

私のコードは、id = "fileInfo2"のテキストエリアで動作させる方法はありますか？

uが私を助けることができる...

$("#fileInfo2").append("<li> Data from file: "+"<br/>" + e.target.result.replace(/\n/g, "<br>") + "</li>"); 
$("#fileInfo2").append('<ul>' + output.join('') + n/a +'</ul>'); 

ですが、idのdidntの仕事：私はまた、このようになり、最後の行を変更しましたか？

Answer 1

html insite textareaを配置する1つの方法は、既存のtextarea値を格納し、appendの代わりにnewを設定することです。私はちょうどそれを試してみました

var existingValue = $("#fileInfo2").val(); 
$("#fileInfo2").val(existingValue+'<ul>' + output.join('') + n/a +'</ul>');