js读写txt文件
在JavaScript中读写TXT文件可以通过多种方式实现，具体取决于运行环境（浏览器或Node.js）。以下是两种常见环境下的方法：
在浏览器中读取TXT文件
基础概念：使用HTML的<input type="file">元素配合FileReader API来读取用户选择的文件内容。
优势：
- 简单易用，适合处理用户上传的文件。
- 不需要服务器参与，完全在前端完成。
应用场景：
- 文件上传预览。
- 本地数据处理。
示例代码：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>读取TXT文件</title>
</head>
<body>
<input type="file" id="fileInput" accept=".txt">
<pre id="fileContent"></pre>
<script>
document.getElementById('fileInput').addEventListener('change', function(event) {
const file = event.target.files[0];
if (file) {
const reader = new FileReader();
reader.onload = function(e) {
document.getElementById('fileContent').textContent = e.target.result;
};
reader.readAsText(file, 'UTF-8');
}
});
</script>
</body>
</html>在Node.js中读写TXT文件
基础概念：使用内置的fs模块进行文件的读写操作。
优势：
- 强大的文件系统操作能力。
- 适合服务器端处理文件。
类型：
- 同步读写（阻塞）。
- 异步读写（非阻塞）。
应用场景：
- 日志记录。
- 数据存储与读取。
示例代码：
读取TXT文件（异步方式）：
const fs = require('fs');
fs.readFile('example.txt', 'utf8', (err, data) => {
if (err) {
console.error('读取文件出错:', err);
return;
}
console.log('文件内容:', data);
});写入TXT文件（异步方式）：
const fs = require('fs');
const content = '这是要写入的内容';
fs.writeFile('output.txt', content, 'utf8', (err) => {
if (err) {
console.error('写入文件出错:', err);
return;
}
console.log('文件已成功写入');
});常见问题及解决方法：
- 编码问题：
- 确保读取和写入时使用相同的编码（如UTF-8），否则可能出现乱码。
- 示例中已指定
'utf8'编码。
- 权限问题：
- 确保Node.js进程有权限访问目标文件或目录。
- 在Linux或macOS系统中，可以使用
chmod命令修改文件权限。
- 路径问题：
- 使用绝对路径或确保相对路径正确，避免找不到文件的错误。
- 可以使用
path模块处理路径，例如const path = require('path'); const filePath = path.join(__dirname, 'example.txt');
- 异步回调中的错误处理：
- 始终在回调函数中检查
err参数，避免未捕获的异常导致程序崩溃。
- 始终在回调函数中检查
总结
- 浏览器端适合处理用户上传的文件，使用FileReader API简单便捷。
- Node.js端适合服务器端的文件操作，使用
fs模块功能强大且灵活。 - 注意编码、权限和路径的正确性，以避免常见的读写错误。
希望以上内容能帮助你理解JavaScript中读写TXT文件的方法及相关注意事项。如有进一步的问题，欢迎继续提问！
相关·内容
1回答
我有一个exif文件，我想在csv文件中读写数据。--这只是一个示例文件，真正的文件太复杂了，太长了.File Name : IMG_5547.JPGFile Name : IMG_5547.JPGGPS L
浏览 1提问于2013-06-20得票数 0
回答已采纳
1回答
我希望从.txt文件(在本例中是input.txt)中读取行，并将它们写入另外两个.txt文件，具体取决于每行开头的整数是奇数还是偶数。输入文件如下所示。inputStream = new DataInputStream (new BufferedInputStream ( new FileInputStream(&qu
浏览 4提问于2015-03-25得票数 2
回答已采纳
1回答
我正在编写一个应用程序，用户可以使用nashorn/jjs提供一个定制的javascript函数来过滤服务器端的文件：cat /path/to/input.txt | jjs --language=es6 -doe -J-Djava.security.manager tmp.js >
浏览 2提问于2016-10-21得票数 0
回答已采纳
我使用fs.writeFile方法的方式如下： fs.writeFile('message.txt', 'Hello Node.js;
console.log("AsynchronousAsynchronous read: Hello Node
浏览 1提问于2017-01-18得票数 1
回答已采纳
1回答
我使用nodeJs fs模块使用utf-8编码读写文件。文件读写操作成功完成。但是当我在wordpad中打开文件时，(°C)符号是(°C)。如果我打开相同的文件在VS代码编辑器和记事本程度Celcius(°C)符号来正确，问题只是windows wordpad应用程序。
浏览 0提问于2020-05-21得票数 0
1回答
我正在尝试读写一个txt文件，该文件在不同的行中有几个信息。以相同的形式写入此文件将在稍后阶段进行，但会尝试解决此问题。FILE *bus;if (bus == NULL) printf("Error Opening File, check if filebus.txt is present");}
fscanf
浏览 1提问于2016-12-17得票数 0
2回答
.txt文件函数读写位置
、、、
换句话说，函数在文件中写入字符串，而不覆盖文件的其余部分。当退出函数时，新的读/写位置必须正好位于新插入的字符串的末尾。, give_string) print("File does not exist")整个代码应该请求一个简单的.txt文件，它将接受它和一个字符串，并将它添加到原始文件中。示例:文件为Twinkle.txt
Twinkle, twink
浏览 5提问于2021-04-19得票数 0
回答已采纳
我正在使用节点js速递。我正在尝试访问位于那个js文件的同一个目录中的文本文件。所以文件结构是这样的 | - routes - Index.jsvar data = fs.readFile('~/IdeaProjects/Title/routes/in
浏览 4提问于2016-04-01得票数 0
回答已采纳
2回答
我必须为我的foobaa.txt设置606。我想把foobaa.txt的权限设为600。但是当我测试600时，PHP代码不能读写foobaa.txt。当有人把
ttp://blabla.foobaa.com/foobaa.
浏览 11提问于2009-05-29得票数 0
2回答
好的，基本上脚本是有效的，但每次我刷新data.txt文件时，我希望它将每个单独的条目添加到data.txt中的一个新文件中。<?$data) { echo "[$time] $data\n";$d= date('F jS@ g:i:s a');
$fp = fope
浏览 0提问于2013-07-18得票数 0
1回答
我想知道是否存在允许AngularJS读取、创建或写入文件(可以是txt文件或json文件)的任何形式。
很明显，只要我想，就把这个文件删除。
浏览 2提问于2015-04-20得票数 0
6回答
用特殊字符读写.txt文件
、、、、
"someFile.txt“，将编码设置为UTF-8。在Java我有InputStreamReader isr =编辑：我有这个输入( .txt文件中的一行)这段代码
FileInputStream fis = new FileInputStream(new File(fileName));
浏览 0提问于2011-01-04得票数 10
回答已采纳
1回答
我要做的是为一个.txt文件(以及一个变量)写几行，然后打印其中的5个字符。import osfile = open("testfile.txt", "w")file.write("Lets see: ")file.close()
然后，它创建文件</
浏览 2提问于2017-05-28得票数 0
4回答
下面是我的任务提示:您的程序需要从文本文件中读取信息，而不是使用扫描仪从命令行读取。您的程序还需要将消息写入文本文件，而不是在屏幕上显示消息。
我已经编写并运行了代码，以便使用CLI进行提示。但是，我完全不知道如何利用文本文件更改代码。有人能给我解释一下吗？
浏览 1提问于2013-04-04得票数 1
1回答
我试图让这个代码从计算机中读取一个.txt文件，将它的信息复制到一个可用的声明矩阵中，然后打印出来，不是文件，而是它生成的读取文件的矩阵。由于某种原因，我似乎无法使它发挥作用。
浏览 2提问于2017-11-27得票数 0
回答已采纳
1回答
假设我有一个名为file.txt的文件和一个具有PID 12345的正在运行的进程，该进程有时会读写该文件。是否有任何方法可以骗过PID 12345的进程每次试图读写file.txt时读取或写入内存(由另一个进程分配)？
有什么方法可以欺骗进程来读取和写入不同的文件(比如file2.txt)？
浏览 0提问于2017-08-09得票数 2
2回答
我正在尝试将这些字符串值附加到一个文本文件中。/lx8266/bin/java我希望将此输出写入到文本文件中
浏览 0提问于2014-12-18得票数 2
我基本上是想对服务器上的PHP文件进行AJAX调用。使用XMLHttpRequest时，这似乎无法工作。假设我有以下文件：和一个txt文件：Refused to set unsafe head
浏览 2提问于2013-11-28得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
