JS读取文件 FileReader FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。 文档 FileReader 事件和方法 事件处理 FileReader.onabort 处理abort事件。该事件在读取操作被中断时触发。 FileReader.onerror 处理error事件。该事件在读取操作发生错误时触发。 FileReader.onload 处理load事件。该事件在读取操作完成时触发。 FileReader.onloadstart 处理loadstart事件。该事件在读取操作开始时触发。 FileReader.onloadend 处理loadend事件。该事件在读取操作结束时（要么成功，要么失败）触发。 FileReader.onprogress 处理error事件。该事件在读取操作发生错误时触发。 标准方法 FileReader.abort() 中止读取操作。在返回时，readyState属性为DONE。 FileReader.readAsArrayBuffer() 开始读取指定的 Blob中的内容, 一旦完成, result 属性中保存的将是被读取文件的 ArrayBuffer 数据对象. FileReader.readAsDataURL() 开始读取指定的Blob中的内容。一旦完成，result属性中将包含一个data: URL格式的字符串以表示所读取文件的内容。 FileReader.readAsText() 开始读取指定的Blob中的内容。一旦完成，result属性中将包含一个字符串以表示所读取的文件内容。 基本使用 文件的准备read.txt（随便读取电脑的文件都可以） HTML结构 JS调用 JS调用使用其它方法（其它方法也是一样使用） readAsDataURL 事件处理 JS调用（还是使用上面的html和文件–或则准备更大的文件；效果会更好） 结果如下 重要结果分析： 状态1(readyState):数据正在被加载 状态2：已完成全部的读取请求. 当然状态为0（readyState）表示还没有加载任何数据. 每过50ms左右，就会触发一次progress事件；也就是说这个可能多次触发，onload事件在onloadend之前触发。 由于种种原因无法读取文件时，会触发error事件。触发error事件时，相关信息保存在FileReader对象的error属性中，这个属性将保存一个对象，此对象只有一个属性code，即错误码。1表示未找到文件，2表示安全性错误，3表示读取中断，4表示文件不可读，5表示编码错误。 如果想中断读取过程，可以调用abort方法，就会触发abort事件。在返回时，readyState属性为DONE。一般用于后台的操作。 node操作文件(readfile) 根据以上可知，浏览器中的 JavaScript 是没有文件操作的能力的（基于安全，不能直接操作本地文件），但是 Node 中的 JavaScript 具有文件操作的能力 node怎么读取文件（安装node可以直接忽略看代码） 首先要安装node环境(很简单，网上很多教程)，最好也安装nodemon 打开你的cmd，也可以使用git 创建JS文件 加载node的核心模块 使用readFile 在cmd输入node 文件名.js 结果 文件读取是一个异步操作 当我们读取多个文件，发现使用readfile读取文件并不能一定按顺序打印结果，所以这是一个异步操作，如何顺序读取文件。 使用Promise 文件的写入 以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。