unbug

摘要： 浏览器通过FileReader 对象从文件中读取数据比较好理解。在上篇文章中， 你学到如何轻松的使用 FileReader 的各种格式从文件中读取数据。FileReader 在很多方面与 XMLHttpRequest 非常相似。 进度事件 进度事件虽如此普遍事实上它们是在另外的规范中提出的[1]。 这些事件是专门为展示数据的传输过程而设计的。比如使用FileReader 从服务器或者硬盘中读数据的过程。 六个进度事件如下： loadstart – 表明进度开始。这是第一个触发的事件。 progress – 数据加载过程中不停觖发. error – 数据加载失败触发. abort –当调用 abort()来取消数据加载时触发 (XMLHttpRequest和FileReader通用). load – 全部数据成功加载完毕触发。 loadend – 加载结束时触发，无论是error, abort, 或者 load都触发。 上篇文章中已经提到过error 和 load，其他事件将让你能够更细粒度的控制数据传输。 阅读全文 阅读全文

摘要： 在上篇文章中,我介绍了在JavaScript操作文件，重点讲了如何取得File对象。 这些对象包含的文件的元数据在上传或者拖放到浏览器中时可以获取到。有了文件当然接下来就是读取文件了。 FileReader FileReader 功能很简单: 从文件中读取数据和保存到JS变量中。此API特意设计成跟XMLHttpRequest 一样因为都是从外部读取数据。读取过程都是异步的不会造成浏览器阻塞。 FileReader 可以返回几种格式来文件数据的格式， 而且这些格式在读取文件时是必须的。通过以下几个方法可以宣告读取完毕： readAsText() – 返回文件内容的纯文本格式 readAsBinaryString() –返回文件内容的二进制格式 (不推荐– 推荐使用 readAsArrayBuffer()) readAsArrayBuffer() – 返回文件内容的 ArrayBuffer 格式(图片文件推荐使用) readAsDataURL() – 返回文件内容的 data URL格式 阅读全文 阅读全文

摘要： 多年前,我在Goolge面试中被问及哪些改变会能使我得以提高Web的用户体验的。 在我的心目中的第一位是有不用 控件实现文件操作的办法。尽管Web的多数部分已经改变，但操作文件还是最原始落后的方式。终于，HTML5新的API到来了，在较新的桌面浏览器中我们有更多操作文件的方式了 (iOS 暂时不支持)。 文件类型 文件类型定义在 File API[1] 的规范里，并且是File的抽象. 每个File实例都有以下属性: name – 文件名 size – 文件的大小字节数 type – 文件的MIME type 一个File对象给出了一个文件的基本信息而无需直接访问文件内容。这点很重要，因为读取文件需要进行磁盘操作，文件的大小直接影响了读取过程消耗的总时间。一个File对象实是一个文件的引用，而获取文件的内容则是另一个完全不同的过程。 阅读全文