翁智华 发表于 2012-12-10 15:46:22

HTML5项目笔记6:使用HTML5 FileSystem API设计离线文件存储

<div id="cnblogs_post_body">在移动环境或者离线环境中,WebDataBase 虽然能够存储并有效地管理和维护客户端的数据集合,但是仍不能满足对包含大段数据文件的存储和多种不同格式文件的保存,于是我们就需要离线的文件管理系统来维护我们工作了,基于HTML5的FileSystem API 就充当这这个角色。
通过这个FileSystem API,我们的Web应用程序可以阅读,浏览,编辑和操纵本地文件系统。
FileSystem API的主要功能有:
Reading and manipulating files: File/Blob, FileList, FileReader
Creating and writing: BlobBuilder, FileWriter
Directories and filesystem access:DirectoryReader,FileEntry/DirectoryEntry,LocalFileSystem

支持情况和存储空间的限制:
目前主流浏览器中,chrome应该是支持文件操作系统最好的浏览器,只要你配置好相关的操作数据,浏览器允许你创建没有限制的存储空间。

现在我们来封装和提取基于FileSystem API的公用方法。
首先,我们需要拿到FileSystem API的可操作的数据上下文:
FileSystem API通过调用 window.requestFileSystem() 来请求文件系统进行操作,
<div class="cnblogs_code" >http://images.cnblogs.com/OutliningIndicators/ContractedBlock.gifhttp://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gifView Code <div id="cnblogs_code_open_49ebe391-c77c-48e0-a963-fdbdbfef2387" class="cnblogs_code_hide">1 /*-----执行脚本注入,文件系统的基本操作-----*/2 window.requestFileSystem = window.requestFileSystem || window.webkitRequestFileSystem; //文件系统请求标识
页: [1]
查看完整版本: HTML5项目笔记6:使用HTML5 FileSystem API设计离线文件存储