在 JavaScript 中,可以通过 FileReader API 打开本地文件:创建 FileReader 对象。监听 load 事件。使用 readAsText 或 readAsArrayBuffer 方法读取文件。从 FileReader 的 result 属性获取文件内容。

如何打开 JS 本地文件
在 JavaScript 中,想要打开本地文件,可以使用 FileReader API。该 API 提供了一系列方法来读取本地文件的内容,并将其转换为 JavaScript 可以处理的数据。
步骤:
-
创建 FileReader 对象
<code class="js">const fileReader = new FileReader();</code>
-
监听
load事件<code class="js">fileReader.addEventListener('load', (event) => { // 当文件读取完毕后触发该事件 });</code> -
读取文件
<code class="js">fileReader.readAsText(file);</code>
或者
<code class="js">fileReader.readAsArrayBuffer(file);</code>
其中
file是要读取的文件。 -
获取文件内容
FileReader的result属性包含读取的文件内容:<code class="js">const fileContent = fileReader.result;</code>
示例:
<code class="js">const fileReader = new FileReader();
fileReader.addEventListener('load', (event) => {
const fileContent = fileReader.result;
console.log(fileContent);
});
fileReader.readAsText(file);</code>注意:
- 在使用
FileReaderAPI 之前,需要确保浏览器支持该 API。 -
readAsText方法将文件内容读取为字符串,而readAsArrayBuffer方法将文件内容读取为二进制数据。 -
FileReader是一个异步操作,这意味着在文件读取完毕之前,代码将继续执行。










