按下HTML按钮后打印文件内容

Question

我正在尝试读取一个用户的本地文件 之后 按钮被按下。现在，代码是这样的。

HTML: JAVASCRIPT:

<label for="evidence_file">Please choose a file to upload for evidence:</label><br><input type="file" id="fileElem"><br>

<button type="button" id="Submit">Submit Evidence </button>

JAVASCRIPT:

document.getElementById("Submit").onclick = function () {


  file = document.getElementById("fileElem").files[0];

  const fr = new FileReader();
  fr.onload = function(file) {
    console.log(file);
   };

  fr.readAsTest(file);
  }

然而，文件读取器的 "onload "函数从未运行过。我的意思是该函数从未被触发(控制台从未打印文件). 有什么原因吗？谢谢。

Answer 1

在你的代码中，你调用了 readAsTest 错字 readAsText. 如果这是一个复制和粘贴的错误，而你的代码却能正常工作，试着在文件阅读器中添加一个错误处理程序，看看它是否能给你一些东西。