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

【问题标题】：Printing File Contents after HTML button is pressed按下 HTML 按钮后打印文件内容
【发布时间】：2020-05-06 07:13:52
【问题描述】：

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

HTML：

<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”功能从未运行。我的意思是永远不会触发该功能（并且控制台永远不会打印文件）。是否有一个原因？谢谢。

【问题讨论】：

你有一个类型：fr.readAsText(file);

标签： javascript html filereader

【解决方案1】：

在您的代码示例中，您调用readAsTest，这是readAsText 的拼写错误。如果这是一个复制和粘贴错误并且您的代码有效，请尝试向文件阅读器添加一个错误处理程序，看看它是否可以让您继续工作。

【讨论】：