javascript - FileReader.readAsArrayBuffer 返回为空

Question

我正在学习 Html5rocks 教程

http://www.html5rocks.com/en/tutorials/file/dndfiles/

我正在尝试使用 readAsArrayBuffer 而不是 readAsBinaryString 来切片文件示例(因为我想读取 gif header 以找到文件分辨率)。但我被卡住了，因为 evt.target.result(使用 readAsBinaryString 时它是一个字符串)

有什么想法吗？

编辑:代码

reader.onloadend = function(evt) 

{

  if (evt.target.readyState == FileReader.DONE) { // DONE == 2
    document.getElementById('byte_content').textContent = evt.target.result;
    console.log(evt.target.result.byteLenght)
    document.getElementById('byte_range').textContent = 
        ['Read bytes: ', start + 1, ' - ', stop + 1,
         ' of ', file.size, ' byte file'].join('');
  }
};

if (file.webkitSlice) {
  var blob = file.webkitSlice(start, stop + 1);
} else if (file.mozSlice) {
  var blob = file.mozSlice(start, stop + 1);
}
reader.readAsArrayBuffer(blob);
}

所以在 Firefox 13 中我进入屏幕:[object ArrayBuffer]

在控制台日志上:未定义

在 Chromium 18 中，我进入控制台:Uncaught TypeError: Cannot read property 'byteLenght' of null

Answer 1

输入错误:

console.log(evt.target.result.byteLenght)

byteLength 应该是 byteLength