mdb-file-upload is not working

Topic: mdb-file-upload is not working

Revature Pro pro premium priority asked 5 years ago

0 0

Resources

ng-uikit-pro-standard : v6.2.6

angular cli : v6.0.8

mdb-file-upload : v7.5.4"

Code:

HTML

 <mdb-file-upload [height]="500" (fileRemoved)="onFileRemove()" (fileAdded)="onFileAdd($event)" [defaultFile]="'https://mdbcdn.b-cdn.net/img/Photos/Others/images/89.jpg'"></mdb-file-upload>

app.module.ts

import {MdbFileUploadModule} from 'mdb-file-upload';

    @NgModule({
      declarations: [AppComponent],    
      imports: [    
        MdbFileUploadModule,
        HttpClientModule,
        MDBBootstrapModulesPro.forRoot(),
    ],

Damian Gemza staff commented 5 years ago

Dear @Revature Pro

Could you please provide me with the description, which is not working exactly? Without deeper description, I won't be able to help you well.

Add comment

Revature Pro pro premium priority answered 5 years ago

0 0 Best answer

We are getting blank space in the UI and in DOM its as follows:-

<mdb-file-upload></mdb-file-upload>

Add comment

Revature Pro pro premium priority answered 5 years ago

0 0 Best answer

For Reference:

Visibility in UI

Visibility in DOM

Damian Gemza staff commented 5 years ago

Does the browser's console throws you any error?

Please try to reproduce your problem on blank Angular 7 application with installed MDB Angular 7.

Revature Pro pro premium priority commented 5 years ago

Its working in blank angular 7 application.But in our project we are currently using Angular v6.0.8. So can we get the mdb-file-upload plugin which is compatible for angular v6

Add comment

Damian Gemza staff answered 5 years ago