如何使用FileReader检测'\\ n \\ r'

Question

I'm loading a file on my webapp and I use this function I found on a website to read it:

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

The reading works fine but it seems that the "\\n\\r" is not read and all my lines are stick together.
Is there anything to change in this code to take account of '\\n\\r' ?

Answer 1

You can solve this problem with CSS only. Demo . MDN .

#byte_content { white-space: pre}