0

我在 Mac OS X 上使用 Chrome 12，并且在文档中包含了 jQuery 1.6.1。

我尝试使用以下代码读取文件，读取文件时出现错误接缝，因此调用 this.error.onerror()，但 FileReader-Object this.reader 不再存在，我不能得到错误。我也不确定为什么会发生错误，这是我想阅读的常规文本文档。

function FileHandler(files, action) {
    console.log('FileHandler called.');

    this.files = files;
    this.reader = new FileReader();
    this.action = action;

    this.handle = function() {
        console.log('FileHandler.handle called.');

        for (var i = 0; i < this.files.length; i++) {
            this.reader.readAsDataURL(files[i]);
        }
    }

    this.upload = function() {
        console.log('FileHandler.upload called.');
        console.log(this.reader);

        data = {
            content: this.reader.result
        }

        console.log(data);
    }

    this.error = function() {
        console.log('An error occurred while reading a file.');
        console.log(this.reader.error);
    }

    this.reader.onload = this.upload;
    this.reader.onerror = this.error;
}

此代码创建以下控制台输出： http ://cl.ly/0j1m3j0o3s071Y1K3A25

4

2 回答 2

0

Inside .onerror， thethis与 outside 不同，因为它是一个新功能（具有新范围）。

this通过像这样静态设置来跟踪它：

var _this = this; // _this won't change
this.reader.onerror = function() {
    console.log('An error occurred while reading a file.');
    console.log(_this.reader.error);
}
于 2011-06-20T20:11:40.863 回答
0

这应该是正确的方法：

reader.onerror = function(event) {
    console.error("File could not be read: " + event.target.error);
};
于 2016-10-09T09:34:20.243 回答