Question

我正在尝试向网站添加功能，以便可以选择文本文件并将其存储在变量中以进行进一步处理。当我在单独的测试html文件或实际html文件中运行该函数时，如果将JavaScript代码放入<script>标记中，则可以正常运行。

如果将相同的代码放入js文件中，以便可以从其他函数访问结果，则会出现以下错误：

Uncaught TypeError: Cannot set property 'textContent' of null
at FileReader.<anonymous>

我尝试从body标签调用该函数，但是该网站的其他部分停止工作。

我的代码如下：

window.onload = function() {

c = document.getElementById("canvasGame");
ctx = c.getContext("2d");
input = document.getElementById("myFile");
output = document.getElementById("output");
input.addEventListener("change", function () {
    if (this.files && this.files[0]) {
        var myFile = this.files[0];
        var reader = new FileReader();

        reader.addEventListener('load', function (e) {
            output.textContent = e.target.result;
            let fileContent = output.textContent;
            console.log(fileContent)
        });

        reader.readAsBinaryString(myFile);
    }
});

此刻，我想在控制台中输出内容以进行测试。

我该如何解决。预先感谢

如何修复：未捕获的TypeError：无法在FileReader上将属性'textContent'设置为null。<anonymous>

0 个答案: