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>

</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: " + e.target.result + "</li>");
                  };
                  reader.readAsText(f);
                }
                $("#fileInfo").append('<ul>' + output.join('') + '</ul>' );
          });
  }
});

现在，这是代码，我可以将javascript（.js）文件上传到我的html页面......并将文件中的代码读入文本字段

现在我得到了我需要的所有代码，以及所有，但我不会像我写的那样得到它...我的意思是，没有标签，没有新行或什么......（但我的javascript代码有所有）...所以现在，我只想将新行添加到我的文本框中...最终也是标签....但首先是新行...

我已经尝试在这行

中添加了我的代码

 $("#fileInfo").append('<ul>' + output.join('') <!--I added it here--> + '</ul>'  <!--I added it here--> );

ofc with“”，以及''...

但它没有用...... 你知道一个更好的方法，它不一定是br标签......

你帮我吗？

THX

Answer 1

您应该使用replace()方法将所有换行符替换为<br>，如下所示：

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

如何在javascript中添加一个源代码？

1 个答案: