JavaScript中如何详细实现FileReader操作示例？

本文共计1748个文字，预计阅读时间需要7分钟。

目录+前言：input: file+FileReader+补充：一个全面的例子+总结+前言：FileReader是一种异步文件读取机制，结合input: file可以很方便地读取本地文件。+input: file+在介绍FileReader之前，先简单介绍一下+总结：FileReader+

目录

• 前言：
• input:file
• FileReader
• 补充：一个比较全面的例子
• 总结

前言：

FileReader是一种异步文件读取机制，结合input:file可以很方便的读取本地文件。

input:file

在介绍FileReader之前，先简单介绍input的file类型。

<input type="file" id="file">

input的file类型会渲染为一个按钮和一段文字。点击按钮可打开文件选择窗口，文字表示对文件的描述（大部分情况下为文件名）；file类型的input会有files属性，保存着文件的相关信息。