文件读取对象的创建

FileReader对象主要用来将文件读入内存，并读取文件中的数据。我们可以通过构造函数创建一个FileReader对象。以下是黑马程序员课程笔记编辑的关于文件读取对象的一些方法：

1. readAsText()

该方法用于读取文本文件（例如可以使用Txt打开的文件），并返回文本字符串，默认编码为UTF-8。

2. readAsBinaryString()

该方法用于读取任意类型的文件，返回二进制字符串。这个方法不是用来读取文件展示给用户看，而是用来存储文件。例如，可以将文件内容读取为二进制数据，然后传递给后台，后台接收到数据后再进行存储。

3. readAsDataURL()

该方法用于读取文件并获取一段以"data"开头的字符串，这段字符串的本质就是DataURL。DataURL是一种将文件（通常是图像或可嵌入到文档中的文件格式）嵌入到文档中的方案。DataURL将资源转换为base64编码的字符串形式，并直接将这些内容存储在URL中。这样做可以优化网站的加载速度和执行效率。

4. abort()

该方法用于中断文件的读取。一个常见的应用是即时预览，即当用户选择完图片后立即进行预览处理。可以通过文件读取对象的onchange事件与readAsDataURL()方法配合完成。

HTML部分的具体实现方法

JS部分

在获取数据时，FileReader还提供了一个完整的事件模型，用于捕获文件读取过程中的各种状态。

重新生成JavaScript中的FileReader对象及其方法详解

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。