mdb-file-upload is not working


Topic: mdb-file-upload is not working

Revature Pro pro asked 3 months ago

mdb-file-upload is not working

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://mdbootstrap.com/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 3 months 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.


Revature Pro pro answered 3 months ago

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

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

Revature Pro pro answered 3 months ago

For Reference:

Visibility in UI

Visibility in DOM


Damian Gemza staff commented 3 months 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 commented 2 months 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


Damian Gemza staff answered 2 months ago

There's no possibility to get the plugin which works for Angular 6.


Please insert min. 20 characters.
Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: Angular
  • MDB Version: 6.2.6
  • Device: Desktop
  • Browser: All
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No