时间戳

首页 > 解决方案 > 将txt文件内容加载到javascript变量中

javascript - 将txt文件内容加载到javascript变量中

问题描述

我正在尝试将 .txt 文件的内容加载到 javascript 变量中，这样我就可以操作它们并将它们写入段落。

我研究了多个问题，多个链接，但什么也没做。他们要么使用我不理解的 jQuery，要么将内容记录到控制台中，因此我无法操作它们，或者他们只是发布不起作用的代码。

当所说的内容是一个简单的字符串时，我不明白为什么我不能将内容保存到变量中！

如果fr.result是一个字符串，为什么我不能将它保存到trades？

这是一个例子：

<!DOCTYPE html>
<html>

<head>
    <title>Read Text File</title>
</head>

<body>
    <input type="file" name="inputfile"
            id="inputfile">
            
    <p>Complete trade history:</p>
    <p id="history">Upload file first!</p>
    <br>

    <pre id="output"></pre>
    
    <script type="text/javascript">
    var trades = "";
    document.getElementById('inputfile')
        .addEventListener('change', function() {
            
        var fr=new FileReader();
        fr.onload=function(){
            document.getElementById('output').textContent=fr.result;
            document.getElementById('history').textContent=typeof(fr.result);
            trades += fr.result;
        }
            
        fr.readAsText(this.files[0]);
    })
    
    document.getElementById('history').textContent="history: " + trades;
    </script>
</body>

</html>

标签： javascriptfilereader

解决方案

推荐阅读