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

时间:2021-05-25 06:13:33

标签: javascript filereader

我正在尝试将 .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>

0 个答案:

没有答案
相关问题