HTML5文件读取FileReader及文件读取模块的封装

最新推荐文章于 2022-07-15 21:11:27 发布

水蜜桃那么甜

最新推荐文章于 2022-07-15 21:11:27 发布

阅读量226

点赞数

分类专栏： important

本文链接：https://blog.csdn.net/Lemontree_fu/article/details/100511280

版权

本文详细介绍了HTML5的FileReader接口，包括如何创建FileReader对象、可用的方法如readAsDataURL、readAsText等，以及相关事件如onloadstart、onloadend等。此外，还展示了如何使用FileReader读取本地图像并显示，以及提出了文件读取模块的封装概念。

摘要由CSDN通过智能技术生成

FileReader

创建

要想使用读取文件功能
同样需要实例化FileReader对象

var fr = new FileReader();

它为我们提供了一些接口方法和事件

方法

通过实例对象可以调用5个方法
其中4个指定文件读取方式
另1种方法用来中断文件读取

API	描述
FileReader.readAsBinaryString	文件读取为二进制字符串，每字节包含一个0到255之间的整数
FileReader.readAsText	文件读取为文本字符串。默认文本编码格式是’UTF-8’，可通过可选参数指定为其他编码格式
FileReader.readAsDataURL	文件读取为一个基于Base64编码的Data-URI对象
FileReader.readAsArrayBuffer	文件读取为一个ArrayBuffer对象
abort()	终止文件读取