如何逐行读取在线文件

Question

很抱歉这个非常基本的问题，但我找不到。基本上，我试图逐行读取这个文件，然后在另一个HTML页面中，只要有一个字符串与其中一行匹配，它就会被包装在<span class="hello">...</span>标记中。对于后者，我可以使用findAndReplaceDOMText库，我认为前者也应该很容易。但我只能通过阅读上传的文件来找到答案。也就是说，使用

<input type="file" name="file" id="file">

上传。例如：如何使用Javascript读取本地文本文件并逐行读取？，在客户端以JavaScript逐行读取文件。谷歌搜索js read line by line仅返回Node.js 的结果

Answer 1

您可以使用Fetch API将响应读取为文本并逐行迭代

(async () => {
const response = await fetch("https://xn--qucu-hr5aza.cc/files/M%E1%BB%99t%20h%E1%BB%87%20th%E1%BB%91ng%20ni%E1%BB%81m%20tin/Node%20list");
const data = await response.text();
const lines = data.split("n");
console.log(lines)
})();