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

标签 javascript html file filereader

我正在我的网络应用程序上加载一个文件,并使用我在网站上找到的这个函数来读取它:

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

最佳答案

你只能用 CSS 来解决这个问题。 DemoMDN .

#byte_content { white-space: pre}

关于javascript - 如何使用 FileReader 检测 '\n\r',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24755057/

相关文章:

javascript - socket.io 无法在服务器上工作并出现 404 错误

html - Laravel Blade 中生成的 PDF 中未显示 Font Awesome 图标

javascript - css为json数据添加两行字符

javascript - While 循环中的 Json_encode

javascript - 为什么我的 Bootstrap 工具提示不起作用?

java - 在java中检查文件创建权限的最佳方法是什么

file - 如何将Base64字符串保存到文件并使用Flutter查看

asp.net - 在 table 上显示文件。网络平台

javascript - console.log() 异步还是同步?

java - 尝试将小程序添加到我的网站时出现 NoClassDefFound 错误