此篇主要是介绍一下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 --------数据读取完成时触发,无论成功失败