在HTML/JavaScript上加载和读取文本文件
在HTML/JavaScript上加载和读取文本文件
提问于 2017-08-31 04:21:51
我正在尝试读取并加载本地存储的文本文件(它保存在用户的计算机上，但可能被移动到本地目录)到变量或数组中，以便用HTML生成一个表。
我找到了一种让用户选择和上传文件的方法，但是代码会在浏览器上显示文本。我想把它存储起来，这样我就可以操作数据，这样我就可以把它放在正确的行和单元格中。我知道如何创建一个表格，格式化它，格式化和拼接文本和类似的东西。
我在这里找到的代码，但忘了是哪个特定的问题，如下所示
<div id="page-wrapper">
<h1>Text File Reader</h1>
<div>
Select a text file:
<input type="file" id="fileInput">
</div>
<pre id="fileDisplayArea"><pre>
</div>
<script>
window.onload = function() {
var fileInput = document.getElementById('fileInput');
var fileDisplayArea = document.getElementById('fileDisplayArea');
fileInput.addEventListener('change', function(e) {
var file = fileInput.files[0];
var textType = /text.*/;
if (file.type.match(textType)) {
var reader = new FileReader();
reader.onload = function(e) {
fileDisplayArea.innerText = reader.result;
}
reader.readAsText(file);
} else {
fileDisplayArea.innerText = "File not supported!"
}
});
}
</script>作为参考，这里有一个文本文件的示例，这是我想要的。
我对HTML和Javascript还比较陌生，但我渴望学习。任何事情都会被感激的。
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-08-31 05:19:23
你已经有一些零件在工作：
- 您已经找到了一种让用户选择和上传文件的方法。
- 您知道如何创建一个表，格式化它，格式化和拼接文本和东西。
现在我们需要把这些东西联系起来。不幸的是，现在脚本所做的只是在用户加载文本文件时在浏览器上显示文本。这是守则的一部分，负责：
reader.onload = function(e) {
fileDisplayArea.innerText = reader.result;
}它在html的<pre id="fileDisplayArea"><pre>区域中显示它。您希望将它存储在变量中，这样您就可以开始创建一个表、格式化它、格式化和拼接文本和东西(您已经知道的第2部分)：
reader.onload = function(e) {
myTextToFormat = reader.result;
// start formatting and make it into a table...
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45973191
复制相关文章
相似问题
腾讯云开发者
