免费的html5连载来了《html5网页开发实例具体解释》连载（四）html5中的filesystem接口... -尊龙游戏旗舰厅官网
html 5除了提供用于获取文件信息的file对象外，还加入了filesystem相关的应用接口。
filesystem对于不同的处理功能做了仔细的分类，如用于文件读取和处理的filereader和filelist对象、用于创建和写入的blob和filewriter对象、用于文件夹和文件系统訪问的directoryreader和localfilesystem对象等。filesystem功能的出现是浏览器在文件系统上的突破，具有里程碑的意义，尽管眼下还尚未全然成熟。但足以让开发人员发挥更大的想象空间。
1．filereader对象
filereader对象专门用于读取文件。同一时候能够将文件转化为各种格式信息。
使用filereader对象很easy，filereader对象实例一共包括4个方法，如表2.8所看到的。
表2.8 filereader对象方法
| 方法名称 | 说明 |
| readasbinarystring | 将文件读取为二进制码 |
| readasdataurl | 将文件读取为dataurl，一段是以data:开头的字符串 |
| readastext | 将文件读取为文本，第2个參数为编码类型，默觉得utf-8 |
| abort | 中断读取 |
以下通过演示样例展现filereader对象中readasdataurl方法的使用。代码例如以下：
提示：本节filesystem的演示样例代码均在chrome 28下測试通过。
演示样例打开执行效果与图2.19同样。单击“选择文件”button。选中本地图片，此时“选择文件”button下方出现相应选中图片的内容，效果如图2.21所看到的。
图2.21 filereader对象readasdataurl方法使用
演示样例中，当用户选中图片时。触发input元素的change事件。在回调事件中新建一个filereader对象的实例用于读取图片文件内容。被读取的图片文件返回格式例如以下：
data:[图片被转化为dataurl数据，即base64格式数据。该数据能够被赋予图片元素的src属性获得并显示。
提示：base64数据格式的说明能够參考网址http://en.wikipedia.org/wiki/data_uri_scheme。
filereader作为filesystem中的一部分。通经常使用于文件读取。能够结合上传文件场景使用。
想了解filesystem中其它的部分语法和演示样例，来本书看看吧。
学习html5最好的书就是《html5网页开发实例具体解释》，用代码学习用案例学习，可比看文字有趣多了！
！
！
一本书搞定html5，从如今開始。
总结
以上是尊龙游戏旗舰厅官网为你收集整理的免费的html5连载来了《html5网页开发实例具体解释》连载（四）html5中的filesystem接口...的全部内容，希望文章能够帮你解决所遇到的问题。
- 上一篇： centos7安装配置xhgui
- 下一篇： shark集群搭建配置