首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >将.txt文件加载到网页

将.txt文件加载到网页
EN

Stack Overflow用户
提问于 2017-06-16 04:11:49
回答 0查看 976关注 0票数 1

我试图让一个用户点击一个“加载文件”按钮,为网页选择一个文件。但我似乎不能得到实际的文件,只有名称和最后一次修改的时间。我需要对该文件运行一些JS代码,因此我只需要实际的文本。我不需要把它放在网页上,但我只是觉得这是一个很好的展示方式。这是我的HTML:

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
    <title></title>

</head>
<body onclick="update_loc(event)"">
  <center><canvas width="400" height="400" id="myCanvas" style="border: 1px solid; border-color: #000000"></canvas></center>
  <script src="./js.js"></script>
  <input type="file" id="myFile">
  <p id="output">YO</p>
</body>
</html>

还有我的JS:

代码语言:javascript
复制
var reader;
var file;
setTimeout(test_file, 500);
function test_file() {
  setTimeout(test_file, 500);
  file = document.getElementById("myFile").files[0];
  console.log(document.getElementById("myFile").files);
  reader = new FileReader();
  reader.onload = function (e) {
    var textArea = document.getElementById("output");
    textArea.value = e.target.result;
  };
  reader.readAsText(file);
}

我不知道如何复制和粘贴chrome日志,但我只是在一个"FileList“对象中获得了文件名和时间。

EN

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44576225

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档