javascript - FileReader:对象不是函数

Question

我的代码 -

$selectFile = $('<input type="file">');

$selectFile.click(function () {
            this.value = null;
});      
$selectFile.change(function(event){
    var reader = new FileReader();
    reader.readAsDataURL(event.target.files[0]);
    reader.onloadend(function(e){
        alert(e.result);
    });                           
});

我在 reader.onloadend 行收到 object is not a function 错误。

谁能帮忙。

Answer 1

您需要将 onloadend 方法更改为 onload。此外，您还需要将其设置为函数，而不是参数。要获取您想要的 url/数据，请使用 e.target.result 而不仅仅是 e.result。最后，我会在设置方法后放置 readAsDataURL 以确保它能够触发。

$selectFile.change(function(event){
    var reader = new FileReader();
    reader.onload = function(e){
        alert(e.target.result);
    };             
    reader.readAsDataURL(event.target.files[0]);              
});

DEMO