JavaScript程序设计-FileReader对象的使用.pdf
版权申诉
66 浏览量
2022-11-02
10:59:55
上传
评论
收藏 498KB PDF 举报
简介
FileReader对象用于读取File对象或Blog对象所包含的文件内容。浏览器原生提供一个FileReader构
造函数，用来生成FileReader实例，语法如下：
varreader=newFileReader();
FileReader实例中有四个方法来读取文件数据
1、readAsBinaryString(Blob|File)
2、readAsDataURL(Blob|File)
3、readAsText(Blob|File)
4、readAsArrayBuffer(Blob|File)
说明：FileReader的实例拥有4个方法，其中3个用以读取文件，另一个用来中断读取。下面的表
格列出了这些方法以及他们的参数和功能，需要注意的是，无论读取成功或失败，方法并不会返回读
取结果，这一结果存储在result属性中。
1.readAsText()方法
读取文本文件（可以使用Txt打开的文件），返回文本字符串，默认编码是UTF-8。该方法有两个参
数，其中第二个参数是文本的编码方式，默认值为UTF-8。这个方法非常容易理解，将文件以文本方
式读取，读取的结果即是这个文本文件中的内容。
2.readAsBinaryString()方法
读取任意类型的文件，返回二进制字符串。这个方法不是用来读取文件展示给用户看，而是存储文
件。例如：读取文件的内容，获取二进制数据，传递给后台，后台接收了数据之后，再将数据存储。
3.readAsDataURL()方法
读取文件获取一段以data开头的字符串，这个字符串的本质就是DataURL。DataURL是一种将文件
（这种文件一般就是图像或者能够嵌入到文档的文件格式如html文件）嵌入到文档的方案。例如，我
们要把一个图片嵌入到HTML页面中，我们会使用img标签，使用src指定URL路径。但是src请求的是
外部文件，一般是服务器资源，意味着它需要向服务器发送请求，它占用服务器资源。如果一个页面
的src比较多的话，会降低页面的速度。
DataURL可以减少服务器的响应。DataURL是将资源转换为base编码的字符串形式，并且将这些内
容直接存储在url中。目的：优化网站的加载速度和执行效率。
注意：文件一旦开始读取，无论成功或失败，实例的result属性都会被填充。如果读取失败，则
result的值为null，否则即是读取的结果，绝大多数的程序都会在成功读取文件的时候，抓取这个
值。
事件监听
资源评论
