如何逐行读取在线文件？答案

【问题标题】：How to read online file line by line?如何逐行读取在线文件？
【发布时间】：2022-01-08 15:35:12
【问题描述】：

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

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

上传。例如：How to use Javascript to read local text file and read line by line?、Reading line-by-line file in JavaScript on client side。谷歌搜索 js read line by line 只返回 Node.js 的结果

【问题讨论】：

您要运行此代码的页面是否与远程文件在同一个域中？如果没有，由于 CORS 限制，您将需要获取其内容用户服务器端代码，或使用第三方 CORS 代理服务
签出fetch()
@charlietfl 是的，它在同一个域中。但是有没有办法在将其推送到主机之前在本地对其进行编码？
如上所述使用fetch()，然后根据您拥有的节点答案拆分行
@charlietfl 如果我可以将文件文本设置为 json 文件，那么它是否比使用 fetch() 更有效

标签： javascript url file-read

【解决方案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)
})();

【讨论】：