在 Visual Studio 类型 FileReader 中使用 angular2-img-cropper 时出现 Angular2 错误，无法分配给类型 FileReader

Question

我只是尝试探索插件 angular2-img-cropper（https://github.com/cstefanache/angular2-img-cropper) and added some of the sample code from the plunker https://embed.plnkr.co/V91mKCNkBQZB5QO2MUP4/ 到我的应用程序。

但是当我在 Visual Studio 2015 年尝试编译我的应用程序时，出现以下错误：

Type FileReader is not assignable to type FileReader. Property onloadend is missing in type FileReader

实际的错误在下面这段来自上面的 plunker 的代码中：

fileChangeListener($event) {
        var image:any = new Image();
        var file:File = $event.target.files[0];
        var myReader:FileReader = new FileReader();
        var that = this;
        myReader.onloadend = function (loadEvent:any) {
            image.src = loadEvent.target.result;
            that.cropper.setImage(image);

        };

        myReader.readAsDataURL(file);
    }

谁能指导一下吗？

Answer 1

解决办法是换成事件监听：

fileReader.addEventListener('loadend', function(loadEvent:any){
    image.src = loadEvent.target.result;
    that.setImage(image);
});

在 Visual Studio 类型 FileReader 中使用 angular2-img-cropper 时出现 Angular2 错误，无法分配给类型 FileReader

Angular2 Error when using angular2-img-cropper in Visual Studio Type FileReader is not assignable to type FileReader

angular

angular2-directives

angular2-services