FileReader:Object不是函数

时间:2014-06-06 02:50:11

标签: javascript jquery filereader

我的代码 -

$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行获取对象不是函数错误。

任何人都可以帮忙。

1 个答案:

答案 0 :(得分:1)

您需要将onloadend方法更改为onload。您还需要将其设置为函数,而不是参数。要获取所需的网址/数据,请使用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