html5之FileReader接口

此篇主要是介绍一下HTML5的FileReader接口

 

1、FileReader接口的作用：

 

    用来把文件读入内存，并且读取文件中的数据。

 

2、支持情况

 

    FF3.6+| Chrome6+

 

 

/*检测方式*/
if(typeof FileReader == 'undefined'){
     //不支持
}else{
    //支持
}

 

3、FileReader接口的方法

 

 

• readAsBinaryString(file)               ------ 将文件读取二进制码

          通常我们将它传送到后端，后端可以通过这段字符串存储文件

• readAsText(file,[encoding])          ------ 将文件读取文本

          第二个参数是 文本的编码方式，默认UTF-8

• readAsDataURL(file)                     ------ 将文件读取为DataURL

          将文件读取为一串Data URL字符串，将小文件以一种特殊格式的URL地址直接读入页面。

          小文件指图像与html等格式的文件

• abort()                                         ------- 中断读取操作

 

 

4、FileReader接口的事件

 

 

• onabort             ---------数据读取中断时触发
• onerror              ---------数据读取出错时触发
• onloadstart        --------数据读取开始时触发
• onprocess          --------数据读取中
• onload               --------数据读取成功完成时触发
• onloadend         --------数据读取完成时触发，无论成功失败