[译]File API之JavaScript文件操作(2)-FileReader

在上篇文章中,我介绍了在JavaScript操作文件，重点讲了如何取得File对象。 这些对象包含的文件的元数据在上传或者拖放到浏览器中时可以获取到。有了文件当然接下来就是读取文件了。

FileReader

FileReader 功能很简单: 从文件中读取数据和保存到JS变量中。此API特意设计成跟XMLHttpRequest 一样因为都是从外部读取数据。读取过程都是异步的不会造成浏览器阻塞。

FileReader 可以返回几种格式来文件数据的格式， 而且这些格式在读取文件时是必须的。通过以下几个方法可以宣告读取完毕：

• readAsText() – 返回文件内容的纯文本格式
• readAsBinaryString() –返回文件内容的二进制格式 (不推荐– 推荐使用 readAsArrayBuffer())
• readAsArrayBuffer() – 返回文件内容的 ArrayBuffer 格式(图片文件推荐使用)
• readAsDataURL() – 返回文件内容的 data URL格式

阅读全文