FileReader同样是一个JavaScript对象,可以通过该对象在客户端读取文件上传域所选择的文件内容。
FileReader提供了如下方法。
readAsText(file,encoding):以文本文件的方式读取该文件,其中encoding参数指定读取该文件时所用的字符集,该参数默认值是UTF-8。
readAsBinaryString(file):以二进制方式来读取该文件。通过这种方式可以读取文件内容的二进制数据,这样可以通过Ajax把数据上传到服务器。
readAsDataURL(file):以DataURL方式来读取文件。这种方式也可用于读取二进制文件,只是这种方式将会采用base64方式把文件内容编码成DataURL格式的字符串。
abort():停止读取。
FileReader的所有readxxx()方法都是异步方法,这些方法都不会直接返回读取的文件内容,程序必须以事件监听的方式来获取读取的结果。FileReader提供了如下事件来监听读取过程。
onloadstart:FileReader开始读取数据时触发该事件指定的函数。
onprogress:FileReader正在读取数据是触发该事件指定的函数。
onload:FileReader成功读取数据后触发该属性事件的函数。
onloadend:FileReader读取数据完成后触发该事件指定的函数,无论读取成功还是读取失败都将触发该事件指定的函数。
onerror:FileReader读取失败时触发该事件指定的函数。
为了获取成功读取文件后的文件内容,可以通过为onload属性绑定事件监听器来实现。在onload属性指定的事件监听函数中,程序代码可通过FileReader的result属性访问读取文件的结果。