Javascript 如何将我的代码从div标记更改为textarea？

这是我的密码：

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

JavaScript文件API演示
将文件上载到本地存储库：

$（文档）.ready（函数（）{
if（！（window.File&&window.FileReader&&window.FileList&&window.Blob））{
$（“#文件内容、输入、按钮、#示例”）.fadeOut（“快速”）；
$（“哦，不，你需要一个支持文件API的浏览器。谷歌/a>怎么样？
”）.appendTo（“#容器”）；
}否则{
$（“#上传”）.更改（功能（e）{
var files=e.target.files；//文件列表对象
//文件是文件对象的文件列表。请列出一些属性。
var输出=[]；
for（var i=0，f；f=files[i]；i++）{
output.push（“
”，转义（f.name），
“（”，f.type | | |“n/a”，“）-”，
f、 大小，'字节，上次修改：'，
f、 lastModifiedDate？f.lastModifiedDate.toLocaleDateString（）：“不适用”，
“
”）；
var reader=new FileReader（）；
reader.onload=函数（e）{
$（“\fileInfo”）。追加（“
文件中的数据：”+“
“+e.target.result.replace（/\n/g，“
\”）+“
”）；
};
reader.readAsText（f）；
}
$（“#fileInfo”）.append（“
”+output.join（“”）+n/a+”
”）；
});
}
});

此代码显示div标记中一个或多个选定文件的数据，id=“fileInfo”，用于代码的最后一行…以及下面的第三行

有没有办法让我的代码使用id=“fileInfo2”的textarea？我还将最后一行更改为：

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

$（“#fileInfo2”）。追加文件中的（
数据：“+”
“+e.target.result.replace（/\n/g，“
”+“
”）；
$（“#fileInfo2”）.append（“
”+output.join（“”）+n/a+”
）；

但是我没有工作

---

你能帮我个忙吗？

将html放入站点textarea的一种方法是存储现有的textarea值并设置一个新的值，而不是使用

追加

。因此，请替换：

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

$（“#fileInfo2”）。追加文件中的（
数据：“+”
“+e.target.result.replace（/\n/g，“
”+“
”）；

与

var existingValue=$（“#fileInfo2”）.val（）；
$（“\fileInfo2”）.val（文件“+”
“+e.target.result.replace（/\n/g“
\”）+””）中的现有值+”
数据；

及

$（“#fileInfo2”）.append（“
”+output.join（“”）+n/a+”
）；

与

var existingValue=$（“#fileInfo2”）.val（）；
$（“#fileInfo2”）.val（existingValue+'
'+output.join（''）+n/a+'
'）；

op-op….确实如此….这是我对代码不同部分的错误！！谢谢你救了我。。。

var existingValue = $("#fileInfo2").val();
$("#fileInfo2").val(existingValue+"<li> Data from file: "+"<br/>" + e.target.result.replace(/\n/g, "<br>\&nbsp") + "</li>");

$("#fileInfo2").append('<ul>' + output.join('') + n/a +'</ul>' );

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