时间戳

首页 > 解决方案 > 按下 HTML 按钮后打印文件内容

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

问题描述

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

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

标签： javascripthtmlfilereader

解决方案

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

推荐阅读