如何在Javascript中读取.txt文件并将内容赋值给变量a

根据运行环境的不同，读取文件的方式有区别，以下是两种常见场景的实现方法：

Node.js 环境（本地脚本/后端） #

如果是在本地Node.js环境运行脚本，直接使用内置的fs模块即可：

同步读取（简单但会阻塞线程） #

const fs = require('fs');
// 注意路径要与当前执行脚本的位置对应，这里假设input.txt和脚本同目录
let a = fs.readFileSync('./input.txt', 'utf8');
// 此时a已经是文件的文本内容
console.log(a);

异步读取（推荐，避免阻塞） #

const fs = require('fs').promises;

async function loadFileContent() {
  let a = await fs.readFile('./input.txt', 'utf8');
  console.log(a);
}
// 调用函数执行读取
loadFileContent();

注意：如果input.txt不在脚本同目录，需要填写正确的相对路径或绝对路径。

浏览器端（前端网页） #

浏览器出于安全限制，无法直接读取本地文件，必须通过用户手动选择文件来实现，使用File对象的text()方法即可：

<!-- 先添加一个文件选择控件 -->
<input type="file" id="fileSelector">

<script>
// 监听文件选择事件
document.getElementById('fileSelector').addEventListener('change', async (e) => {
  const selectedFile = e.target.files[0];
  if (!selectedFile) return;
  
  // 读取文件内容到变量a
  let a = await selectedFile.text();
  console.log(a);
});
</script>

选择文件后，变量a就会被赋值为input.txt的文本内容。

内容的提问来源于stack exchange，提问作者Dung