No se puede obtener una función de controlador de eventos de cambio para trabajar en un widget de carga de archivos

Estoy intentando que una función se active en el evento de “cambio” de un campo de carga de archivos. Podría hacerlo funcionar en otro archivo, pero no en este. Coloqué el código del depurador dentro de la función de escucha de cambios para verificar si va dentro de eso pero no va dentro de esa función. No hay errores en la consola.

A continuación se proporciona mi código, así como un enlace a un violín:

https://jsfiddle.net/rb9L0qaf/

   /* On Change */ changeListener($event) : void { this.swimming($event.target); } /*Encode File*/ swimming(inputValue: any): void { var foul = this; var file:File = inputValue.files[0]; var myReader:FileReader = new FileReader(); myReader.onloadend = (e) => { this.encodeBase64 = myReader.result; foul.fileSelect=$("#attachKickBrowseSim").val().replace(/^.*\\/, ""); if(foul.fileSelect==''){ foul.dragDrop = foul.clearSim; }else{ foul.dragDrop= ""; foul.dragDrop= foul.fileSelect; } } $('.addMouseKickForm').show(); if(inputValue.files.length>0) { myReader.readAsDataURL(file); } }