Nandakumar Sivashanmugam free asked 3 years ago

*_Expected behavior_*While using file-input, after selecting the file, the path with filename to be displayed. Even from the templates, it is not working

Should we need to add any js code?

*_Actual behavior_*It does not show up the file name with path

Resources (screenshots, code snippets etc.) Choose files

Tomek Makowski staff answered 3 years ago


If you want to use drag and drop file upload you have to add small jQuery code. But when you are using other file inputs then none of js is required.

here you have an example:


Nandakumar Sivashanmugam free commented 3 years ago


Thank you for the feedback.

I am using exactly the same code as in example. It does not work. My mdb CSS and JS file is from dashboard template kit. As I said it is also not working in the dashboard templates. Please check \html\forms\basic in your dashboard template.

Pl. suggest me the changes I need to do in mdb.css or jquery file. I can also do it manually.


Tomasz Makowski free commented 3 years ago

Drag and drop file upload is not included in MDB dashboard UI kit. This component is located in MDB PRO package. Moreover, normal file input is included in Dashboard UI kit. You can download pro version of our package and copy drag and drop js and scss file into Dashboard kit


Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: Desktop
  • Browser: Edge, Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No