javascript/html5的文件读取事件处理程序怪异

Question

我正在尝试在JavaScript中安装一个事件处理程序来做一些加载文件的工作(我正在使用Chrome进行测试)。这是我使用的Javascript：

// file reader...

function handleFileSelect(evt) 
{
    alert('event changed called!');
    var files = evt.target.files; // FileList object

    // files is a FileList of File objects. List some properties.
    var output = [];
    f = files[0];
    reader.readAsText(f);

    var reader = new FileReader();
    reader.onloadend = function(evt)
    {
        // alert(evt.target.result);
        alert('moo!');
    }
}

alert('adding event listener');
document.getElementById('files').addEventListener('change', handleFileSelect, false);  

奇怪的是，警报没有触发，所以我假设我没有正确安装它们。不过，我不确定错误出在哪里。有什么想法吗？

编辑:对不起，我应该提一下，这是handleFileSelect(...)未触发的事件处理程序。

感谢你抽出时间..。

Answer 1

在将reader赋值之前调用reader.readAsText(f);，因此在尝试从未定义的值调用readAsText时会出现错误。

var reader = new FileReader();
reader.readAsText(f);