如何使用javascript读取保存在我电脑上的文本文件

Question

我有一个正在定期更新的文本文件，我想知道是否可以使用 javascript 逐行读取文件并将值保存在变量中，然后每次使用新值更新 html 页面已加载。html 页面是一个简单的页面，用于显示工作中的信息，而不是实时网页，除了在两个页面之间导航之外，不需要任何用户输入。文本文件位于每个人都可以访问的网络驱动器上。这是我正在尝试完成的一个示例：

var value1;
var value2;

如果可能，使用 javascript 读取文件并提取数据并分配给 value1 和 value2。

document.getElementsByClassName("class for <p>")[0].innerHTML = value;
document.getElementsByClassName("class for another <p>")[0].innerHTML = value;        

我用谷歌搜索了这个，但找不到任何有效的东西。如果 JS 无法做到这一点，请提供有关如何以不同方式完成此操作的任何建议。提前致谢。

Answer 1

首先，您需要使用 ainput[type=file]来获取File.

<input type=file id=file/>
<div id=result></div>

然后使用FileReader将文件读取为目标格式，就像base64, text, buffer。

const file = document.getElementById('file').files[0]
const result = document.getElementById('result')
const reader = new FileReader
reader.addEventListener('load', () => {
    result.innerHTML = reader.result
})
reader.readAsText(file, 'UTF-8')

请参阅：https://developer.mozilla.org/en-US/docs/Web/API/FileReader