您现在的位置是:网站首页> 编程资料编程资料
HTML5中FileReader接口使用方法实例详解_html5_网页制作_
2021-09-13
844人已围观
简介 FileReader接口提供了一个异步API,使用该API可以在浏览器主线程中异步访问文件系统,读取文件中的数据,下面通过本文给大家分享HTML5中FileReader接口使用方法实例详解,感兴趣的朋友一起看看吧
用来把文件读入内存,并且读取文件中的数据。FileReader接口提供了一个异步API,使用该API可以在浏览器主线程中异步访问文件系统,读取文件中的数据。到目前文职,只有FF3.6+和Chrome6.0+实现了FileReader接口。
1、FileReader接口的方法
FileReader接口有4个方法,其中3个用来读取文件,另一个用来中断读取。无论读取成功或失败,方法并不会返回读取结果,这一结果存储在result属性中。
FileReader接口的方法
| 方法名 | 参数 | 描述 |
|---|---|---|
| readAsBinaryString | file | 将文件读取为二进制编码 |
| readAsText | file,[encoding] | 将文件读取为文本 |
| readAsDataURL | file | 将文件读取为DataURL |
| abort | (none) | 终端读取操作 |
2、FileReader接口事件
FileReader接口包含了一套完整的事件模型,用于捕获读取文件时的状态。
FileReader接口的事件
| 事件 | 描述 |
| onabort | 中断 |
| onerror | 出错 |
| onloadstart | 开始 |
| onprogress | 正在读取 |
| onload | 成功读取 |
| onloadend | 读取完成,无论成功失败 |
3、FileReader接口的使用
总结
以上所述是小编给大家介绍的HTML5中FileReader接口使用方法实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
相关内容
- 利用Canvas模仿百度贴吧客户端loading小球的方法示例_html5_网页制作_
- HTML5等待加载动画效果_html5_网页制作_
- Html5之svg可缩放矢量图形_动力节点Java学院整理_html5_网页制作_
- HTML5之web workers_动力节点Java学院整理_html5_网页制作_
- html5视频播放_动力节点Java学院整理 _html5_网页制作_
- HTML5拖放功能_动力节点Java学院整理 _html5_网页制作_
- html5理解head_动力节点Java学院整理 _html5_网页制作_
- html5应用缓存_动力节点Java学院整理_html5_网页制作_
- Html5画布_动力节点Java学院整理 _html5_网页制作_
- html5音频_动力节点Java学院整理_html5_网页制作_
