FileReader 对象被用来，通过浏览器来读取文件数据，在上篇文章中，讨论了可以使用 FileReader 用多种格式来方便的读取文件数据，在很多方面，FileReader 和 XMLHttpRequest 非常类似。
Progress events （进度事件）
实际上，Progress 事件是一个单独定义的很普通的规范，这些事件被定义来大概的显示数据传输的进度，例如，当从服务器传送数据开始发生的时候，同样的可以是FileReader 对象开始从磁盘读取数据事件发生的时候。
总共有六个事件：
loadstart – 当加载数据开始的时候，此事件通常都是使用在整个过程的最开始。
progress – 当数据读取的时候，可以获得数据读取进度。
error – 当数据加载失败的时候。
abort – 当数据加载被 abort() 方法取消的时候，（在 FileReader 和 XMLHttpRequest 都可用）。
load – 当所有数据都被成功加载的时候。
loadend – 当数据完成传输的时候，一般情况下，都是在出错，取消，或者成功加载后。所以其不区分成功与否。只要过程完成就好。error 和 load 已经在上篇文章中讨论过了，这里将讨论其他的一些事件。
跟踪进度
当想要知道文件的读取进度的时候，就应该使用 progress 事件，此事件对象，包含了三个属性，来表示文件开始传输之后的状态。
lengthComputable ─ true或者false，表示请求数据的大小是否已知。
loaded ─ 目前接收到的字节数。
total ─ 整个请求中期望传输的字节数。
注意：当lengthComputable为false时，total属性值为0。loadstart事件只会被激发一次。在loadstart之后，进度事件可能被激发0次或多次。这些数据的作用是可以使 进度条(progress Html5)使用 progress 事件的信息进行进度展示。例如使用 Html5 的 progress 标签来展示数据读取进度。
var reader = new FileReader(),
progressNode = document.getElementById("my-progress");
reader.onprogress = function(event) {
if (event.lengthComputable) {
progressNode.max = event.total;
progressNode.value = event.loaded;
}
};
reader.onloadend = function(event) {
var contents = event.target.result,
error = event.target.error;
if (error != null) {
console.error("File could not be read! Code " + error.code);
} else {
progressNode.max = 1;
progressNode.value = 1;
console.log("Contents: " + contents);
}
};
reader.readAsText(file);相同的例子就是 Gmail 使用的拖拽上传，当把文件拖拽到 Gmail 里之后，就会立即出现进度条，显示上传进度。
处理错误
虽然是从本地上传文件，但有时候还是会失败。File API 定义了四种错误类型。
NotFoundError – 找不到文件。
SecurityError – 文件本身或者读取存在危险，一般情况下，如果读取此文件是危险的或者已经读取了太多次此文件，就会出现该错误。
NotReadableError – 文件存在，但是没有权限读取。
EncodingError – 编码错误，只要是作为 data URI 读取的时候，读取结果的长度超过了浏览器支持的最大长度。当读取文件时有错误发生时，FileReader 对象的错误属性，就会成为上面提到的一个错误类型的一个实例。在规范中，浏览器都会用一个代码表明错误的属性和值。
FileError.NOT_FOUND_ERR -- NotFoundError.
FileError.SECURITY_ERR -- SecurityError.
FileError.NOT_READABLE_ERR -- NotReadableError.
FileError.ENCODING_ERR for -- EncodingError .
FileError.ABORT_ERR -- 当 abort() 方法调用的时候。可以通过下面的代码测试不同的错误：
var reader = new FileReader();
reader.onloadend = function(event) {
var contents = event.target.result,
error = event.target.error;
if (error != null) {
switch (error.code) {
case error.ENCODING_ERR:
console.error("Encoding error!");
break;
case error.NOT_FOUND_ERR:
console.error("File not found!");
break;
case error.NOT_READABLE_ERR:
console.error("File could not be read!");
break;
case error.SECURITY_ERR:
console.error("Security issue with file!");
break;
default:
console.error("I have no idea what's wrong!");
}
} else {
progressNode.max = 1;
progressNode.value = 1;
console.log("Contents: " + contents);
}
};
reader.readAsText(file);下节
FileReader 对象有很多的功能的对象的集合，大部分都和 XMLHttpRequest 类似。通过这三篇文章，应该能够通过 javascript 读取文件并把文件发送到服务器了。 但是 File API 系统，要比上面这三篇文章讲到的多得多，下篇文章将会有更给力的功能来进行讨论。