如何从 HTML 中读取文本文件

用javascript如何读取本地TXT文件？

去年夏天我在一家公司负责一个项目，需要从服务器读取多个文件数据。
那天我坐在办公桌前，看着电脑屏幕。
屏幕上跳跃的代码就像夏天滚滚的波浪，令人惊叹。
我尝试异步读取所有文件，结果是文件读取乱序，数据全是错误。
那一刻我就像一只迷失的小鸟，不知道该往哪个方向飞。

后来查了很多资料，终于在深夜找到了答案。
事实证明，在处理多个文件读取时，应该使用同步方法来确保文件按顺序正确读取。
我记得那天是8 月1 5 日。
我坐在公司的一个小会议室里，面对着电脑屏幕，把这段代码改成了同步读取。

等等，我突然想到，如果当时有人能给我一些建议，也许我就能早点解决问题。
现在，每次我在代码中遇到问题时，我都会想起那天晚上和那个答案。
但生活中并没有那么多“如果”。
我们只能不断学习，不断前进。

JavaScript本地文件操作

浏览器 JavaScript 对本地文件进行操作，并且必须由用户触发。

读取文件：使用<input type="file">或拖放。
对于读取，请使用 FileReader，对于文本，请使用 readAsText，对于二进制，请使用 readAsArrayBuffer。

文件下载：首先转换blob，使用URL.createObjectURL生成临时URL，然后创建标签来触发点击。

注意：无法静默访问文件。
大文件需要分段处理。
与旧浏览器的兼容性很差。
临时 URL 必须手动发出。

对于复杂的需求，请使用 Electron 或 Tauri 桌面框架。

如何用Javascript打开TXT文件，要可见的打开。

好吧，你说的是……使用正确的脚本。

正如所读...本地txt文件。

您必须使用 HTML5 FileReader 接口是关键。

然后，ReadAsText...
看这个例子...
var tmpFile = files[0];
此行获取第一个文件。

然后 reader = new FileReader();
创建一个阅读器。

reader.readAsText(tmpFile);
告诉它以文本模式读取此文件。
所以 reader.onload 是一个函数。

当它被读取并完成时，它将被发送执行。

e.target.result 是文件的内容。

意图弹出并使用面部。

这样就可以看到文件的内容了。

我在 2 02 2 年尝试过这个。

在城市，唉，在一台电脑上。

即，打开浏览器并按下按钮。

然后你就可以看到文件中的文本了。

也许有点复杂...你需要理解这些接口。

我已经困惑了一段时间了。

我后来意识到......嗯......就是这样。

钱……多少钱？没关系。

这是您可以阅读的最多内容。

否则的话……这是肯定的事情。

使用 HTML5 和 FileReader。

就是这样。