javascript - 文件阅读器不起作用？

Question

这令人沮丧。我一直在 Safari、Firefox 和 Chrome(所有最新版本)中运行此代码，但它不起作用。它对其他人有用吗？我从 <input type='file' id='file' name='file'> 获取我的文件引用

console.log("Have now created a new file reader and it looks like this..." + reader);
reader.onload = function() {
var contents = event.target.result;
console.log("File contents: " + contents );
};
reader.onerror = function(event) {
console.error("File could not be read! Code " + event.target.error.code);
};
reader.readAsText(file);    
}, false);

我做错了什么？

谢谢

J·威尔斯

Answer 1

What am i doing wrong?

您似乎忘记了 onload 处理程序的 event 参数。您也可以只使用 reader，而不是使用 event.target。

此外，在 fiddle 中您正在创建 FileReader以一种非常奇怪的方式。您可能想阅读简介Using files from web applications at MDN .

document.getElementById("file").addEventListener("change", function(e) {
    var file = e.target.files[0],
        reader = new FileReader();
    console.log("Have now created a new file reader and it looks like this..." + reader);
    reader.onload = function(event) {
//                           ^^^^^
        var contents = event.target.result;
        console.log("File contents: " + contents );
    };
    reader.onerror = function(event) {
        console.error("File could not be read! Code " + event.target.error.code);
    };
    reader.readAsText(file);    
}, false);