探索HTML5之本地文件系统API - File System API
来源:互联网 发布:参与淘宝众筹怎么赚钱 编辑:程序博客网 时间:2024/06/04 18:59
日期:2012-4-12 来源:GBin1.com
新的HTML5标准给我们带来了大量的新特性和惊喜,例如,画图的画布Canvas,多媒体的audio和video等等。除了上面我们提到的,还有比较新的特性 -File System API,它能够帮助我们来突破沙箱访问我们本地的文件系统,从而有效的弥补桌面和web应用之间的鸿沟。在今天这篇文章中,我们将会介绍基本的File system API的知识,探索HTML5的本地文件系统API的新特性,希望大家能够喜欢!
介绍
“我们不再需要下载并且安装软件。一个简单的web浏览器和一个可供使用的互联网就足以让我们在任何时间,任何地点,还有任何平台上使用任何web应用程序。”
简单来说,web应用很酷,但是相对于桌面应用来说,它们有比较显著的弱点:它们无法在一个有层次的文件夹结构体即文件系统中互动和组织。 幸运的是,如果我们使用Filesystem API,我们可以做到。这个API帮助我们控制私有的本地文件系统“沙箱(sandbox)",在这里我们可以读和写文件,创建和排列文件夹。虽然在我们写这篇文章的时候,只有Google的Chrome完整的支持Filesystem API,我觉得我们还是有必要学习这个强大并且方便的本地存储特性。
本地文件系统API包含了俩个不同的版本。异步API,对于一般的应用来说非常有用。同步API,特别为web设计。这篇文章中,我们将介绍异步版本的API。
步骤一:开始
首先我们需要通过请求一个LocalFile对象来得到HTML5文件系统的访问,使用window.requetFileSystem全局方法:
window.requestFileSystem(type, size, successCallback, opt_errorCallback)
前俩个参数,你指定需要的生命周期类型和文件系统的大小。一个持久性的(Persistent)文件系统非常适合长期保存用户数据。浏览器不会删除,除非用户特意要求。一个临时性(Temporary)的文件系统非常适合web应用来缓存数据,但是在浏览器删除文件系统后任然可以操作。size用来指定字节大小,一般指定有效的最大访问存储大小。
第三个参数是一个回调函数(callback),当用户代理成功的提供了一个文件系统后触发。它的主要参数是一个FileSystem对象。并且我们可以添加一个可选的callback函数,用来在出错的时候调用,或者请求被拒绝的时候。参数是一个FileError对象。虽然这个对象是可选的,最好还是捕捉这些错误,因为很多地方可能会出错。
文件系统得到这些方法依赖于最初包含的document。所有的document或者web应用来自于同一个最初来源共享一个文件系统。两个document或者应用来自于不同的来源完全不同并且不可联系。一个文件系统严格被限制访问一个应用,不能访问另外一个应用保存的数据。同时也对于其它的文件独立。这是一件好事:让文件访问不相干的系统文件资源,例如,操作系统的文件,完全没有必要,也不安全。
我们看看这个例子:
window.requestFileSystem = window.requestFileSystem || window.webkitRequestFileSystem;window.requestFileSystem(window.TEMPORARY, 5*1024*1024, initFS, errorHandler);
function initFS(fs){ alert("Welcome to Filesystem! It's showtime :)"); // Just to check if everything is OK :) // place the functions you will learn bellow here}
function errorHandler(){ console.log('An error occured');}
这里我们创建而来一个临时的5M文件系统存储。提供了一个成功的callback函数,用阿里操作我们的文件系统。并且添加了一个错误处理,用来处理错误。这里errorhandler()方法非常具有一般性。 如果你想的话,你可以创建一个优化版本,显示给用户更加详细的error信息。
...
...
原文来自:探索HTML5之本地文件系统API - File System API
- 探索HTML5之本地文件系统API - File System API
- 探索HTML5之本地文件系统API - File System API
- 探索HTML5之本地文件系统API - File System API
- HTML5之本地文件系统API - File System API
- html5 file api 读取本地文件
- html5系列:利用html5 file api读取本地文件(如图片、PDF等)
- HTML5之File API(一)
- HTML5之File API(一)
- html5 file api
- HTML5 File API 简介
- HTML5 File API 一
- HTML5 file API
- System Software Win32 File API
- HTML5的File API应用
- HTML5的File API应用
- 文件上传HTML5 File API
- linux API之system()
- HTML5之Geolocation API
- 进程调度算法
- 分享一个帮助你有效避免SQL Injection攻击的在线手册 - bbobby-tables.com
- Java RMI之HelloWorld篇
- JavaMail设置重要度Header等信息
- CheckUser.jsp
- 探索HTML5之本地文件系统API - File System API
- 一个五子棋的java程序
- 【转】用MFC实现文件拖放(获得文件路径)
- linux文件系统基础知识
- 几种jar转exe方法的比较
- 【知识扩充】—— 360QVM和金山的KSC引擎
- java中数据类型的转换
- bgiframe 解决IE6 DIV 挡不住下拉选择框
- index.html