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

我试图在按下按钮后读取用户本地文件。现在，代码如下所示：

HTML:

---

但是，文件读取器“onload”功能从未运行。我的意思是这个函数永远不会被触发（控制台也永远不会打印文件）。这有什么原因吗？谢谢

在您的代码示例中，您调用了

readAsTest

，这是

readAsText

的打字错误。如果这是一个复制粘贴错误，并且您的代码正常工作，请尝试向文件读取器添加一个错误处理程序，并查看它是否为您提供了继续操作的方法

您有一个类型：fr.readAsText（文件）；

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

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);
  }