html5存储之filesystem简介

来源：互联网发布：淘宝找报销发票关键词编辑：程序博客网时间：2024/05/22 01:31

不知不觉中一年又这么结束了，回头看了下博客发现已经快8个月没有写过东西了。。。。人果然天性是懒惰的，当然根源还是自身问题，今年又跳了次槽有幸进了intel，接触了很多以前接触不到的，包括工作模式包括外界传闻已久的html5，第一次知道js可以做这么多事，比如今天想说的主题离线存储，这个也是html5的光环之一。

关于html5的离线存储，现在写的最多的和大家了解最多的应该是manifest，manifest是一个用manifest格式结尾的文件，里面内容为存储我们需要缓存在用户机器上的资源路径，同时这个manifest文件的路径将在html的文件中使用如：“<html manifest='cache.manifest'>”等，不过要注意的是有的服务端可能不支持manifest文件的解析，所以对于不支持的需要在服务端mime.types文件中添加type，具体的可以看这里，里面会顺带的讲些manifest的要求个初步搭建等等，我这里就不浪费大家宝贵时间了，对于manifest暂时就在住下笔，接下来进入今天的主题filesystem。

说起filesystem，突然想起辣cookie，filesystem和cookie从本质来说区别不大，都是基于浏览器生存，不同浏览器所存储的数据都是相对独立，不同的web程序不能互相访问，这就保证了数据的完整和安全，filesystem不同于cookie的地方在于：

存储大小－－－－》用户可以在创建时自行定义（ps：当然这里的自定义，前提是需要向用户取得存储持久数据的许可，同时稍微夸张了点，创建时还是要注意配额限制，没有限制会容易导致溢出）；

占据状态－－－－》在本地磁盘中找不到实际文件，所有的数据都是在沙盒(sandboxed)中可以通过filesystem:http://127.0.0.1/persistent/（ps：这里以本机为例）；

作用范围－－－－》filesystem的作用方向如同它命名一样主要是文件CRUD(创建、读起、修改、删除)操作

相对而言，cookie和filesystem是个2概念的东西，上面之所以举例是为了方便没接触过的同学心里能有个形象上的概念，filesystem最诱惑人的地方就在于提供了文件夹和文件的创建、移动、删除等操作，大大方便了数据的本地处理。想想同过js去实现批量上传，即使突然断网了或者停电这样惨绝人寰的事发生，下次继续上传还是接着上次上传的文件，或者直接解析一个zip包里面的某个文件夹。。。以前这些只能满脸崇拜的看着后端去做的事，现在翻翻身咱们也可以做起，这事多么振奋人心。

完了。。。。。对的到这里简介就完了。。。。因为网上好的教程是在太多了，在再造轮子真心没必要，顺带推荐2个还不错的，如果遇到关于filesystem的问题可以着回复问我～！

http://www.html5rocks.com/zh/tutorials/file/filesystem/#toc-usecases

http://catcoder.com/2013/04/24/html5-filesystem-api-quota/

0 0