在前端开发中，我们时常需要读取本地文件。Node.js 中有一个 fs 模块可以完成这个任务，但浏览器环境下无法使用。read-file 是一个 npm 包，可以让我们在浏览器端读取本地文件。
安装
使用 npm 安装 read-file：
npm install --save read-file
用法
使用 require 导入 read-file：
const readFile = require('read-file');同步读取
使用 readFile.sync() 方法同步读取本地文件：
const data = readFile.sync('/path/to/file.txt');
console.log(data.toString());异步读取
使用 readFile() 方法异步读取本地文件：
readFile('/path/to/file.txt', (err, buffer) => {
if (err) throw err;
console.log(buffer.toString());
});深度学习
read-file 模块的源码非常简单，只有 6 行代码。但其中包含了一些深度学习的思想。
由于浏览器环境下无法使用 Node.js 的 fs 模块，因此 read-file 使用了浏览器环境原生的 XMLHttpRequest 对象发送 HTTP 请求读取本地文件，并将响应转换为 ArrayBuffer。这是一种巧妙的利用浏览器 API 的方法，避免了在浏览器端引入 Node.js 的庞大代码库，从而减小了包的体积。
指导意义
read-file 提供了一种在浏览器端读取本地文件的方法。但需要注意的是，这种方法只能读取用户显式选择的文件，而不能读取任意本地文件，否则会造成安全问题。因此，在使用 read-file 时，应该始终保持警惕，确保不会泄露用户数据或系统信息。
示例代码
以下是一个完整的示例代码，演示如何使用 read-file 读取本地文件并显示内容：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
---------------- ---------------
-------
------
------ ----------- ----------------
---- ------------------------
------- -----------------------------------------------
--------
----- --------- - --------------------------------------
----- ----------- - ----------------------------------------
------------------------------------ -- -- -
----- ---- - -------------------
-------------- ----- ------- -- -
-- ----- ----- ----
----------------------- - ------------------
---
---
---------
-------
-------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/47579