HTML5 File API：エラーが発生した後にFileReaderオブジェクトが定義されていません

Question

Mac OS XでChrome 12を使用しましたが、ドキュメント内にjQuery 1.6.1が含まれています。

次のコードを使用してファイルを読み取ろうとしましたが、ファイルの読み取り中にエラーが発生してthis.error.onerror（）が呼び出されましたが、FileReader-Object this.readerはもう存在しません。私はエラーを得ることができません。私はまた、なぜエラーが発生するかわからない、それは私が読んでほしい通常のテキスト文書です。それは新しい機能が（新しいスコープで）ですので、thisは外と同じではありません、.onerrorインサイド http://cl.ly/0j1m3j0o3s071Y1K3A25

Answer 1

：

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; 
} 

このコードは、次のコンソール出力を作成します。

このように静的に設定することにより、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); 
} 

Answer 2

これはそれを行うための正しい方法でなければなりません：あなたは、Webサーバー上のファイルをホストしている場合

reader.onerror = function(event) { 
    console.error("File could not be read: " + event.target.error); 
};