을 FileReader

Question

내 웹 애플리케이션에 파일을로드하고있어

를 함께 '\ n 개의 \ r에'를 감지하고 나는 그것을 읽고 난 웹 사이트에이 기능을 사용하는 방법 :

이

<script>   
    function readBlob() { 
     var files = document.getElementById('files').files; 

     if (!files.length) { 
      alert('Please select a file!'); 
      return; 
     } 

     var file = files[0]; 
     var start = 0; 
     var stop = file.size - 1; 

     var reader = new FileReader(); 

     // If we use onloadend, we need to check the readyState. 
     reader.onloadend = function(evt) { 
      if (evt.target.readyState == FileReader.DONE) { // DONE == 2 
       document.getElementById('byte_content').textContent = evt.target.result; 
      } 
     }; 

     var blob = file.slice(start, stop + 1); 

     reader.readAsBinaryString(blob); 

    }          
</script> 

읽기가 잘 작동하지만, "\n\r"이 읽히지 않고 모든 줄이 함께 붙어있는 것 같습니다.
'\n\r'을 고려하기 위해이 코드에서 변경할 사항이 있습니까?

Answer 1

CSS로만이 문제를 해결할 수 있습니다. Demo. MDN.

#byte_content { white-space: pre}