Hi Arkadiusz,

Thanks for getting back to me. I am using the pro version (ng-uikit-pro-standard) but when I tried to use the following html I got an exception (as noted above):

I've managed to get it working by stripping out the code included in the sample documentation, and using my own custom code in the (change) event instead. It's difficult to share what I was attempting to do as it's part of a much larger client project.

Cheers,

David

I just checked basic example from our documentation and I can't recreate this problem on my end. Which version of MDB Angular do you use? Could you show us the code you are using for rendering file input or send a demo app on which we will be able to debug this problem? You can send it to a.idzikowski@mdbootstrap.com.

Guys,

I have copied all of the html and code from the basic documentation here:

https://mdbootstrap.com/docs/angular/forms/file-input/

It doesn't work. It throws an exception: "Can't bind to 'uploadInput' since it isn't a known property of 'input'."

It's simply not good enough that your documentation is incorrect.

Can you please provide a simple working example of the file upload in use? All I want is to be able to see the name of the file in the text input on the screen, and to be able to get a reference to that file in my code. I can handle it from there.

Thanks,

David

Hola, yo encontré un error en la clase MDBUploaderService para el componente de mdbFileSelect y lo que estaba pasando era que al añadir los archivos de tipo UploadInput ('uploadFile') no hacía nada y esto era por que el Observable se añadía después de lanzar el Subscriber. Después logré que me funcionara correctamente.

Cambié esto 'mdb-uploader.class.ts:115':

case 'uploadFile':
 this.serviceEvents.emit({type: 'start', file: event.file});
 const sub = this.uploadFile(event.file, event).subscribe((data: any) => {
 this.serviceEvents.emit(data);
 });
 this.uploads.push({file: event.file, sub: sub});
 break;

Por esto 'mdb-uploader.class.ts:115':

case 'uploadFile':
 this.serviceEvents.emit({type: 'start', file: event.file});
 const sub = this.uploadFile(event.file, event);
 this.uploads.push({file: event.file, sub: sub});
 sub.subscribe((data: any) => {
  this.serviceEvents.emit(data);
 });
 break;

Saludos.