Topic: File Input Disable option

ozgehan premium asked 4 years ago


How can I disable file - input button to prevent user to upload or select new file?

P.S: I am using "File inputs with photo placeholder".


Magdalena Dembna staff answered 4 years ago

Unfortunately, we don't have such property right now. But I will add this to our task list. In the meantime, you can try with .preventDefault():

 <mdb-file-input @click.native="handler" circle btnColor="mdb-color" btn-title="add photo" rounded img src="" />

handler(e) {
    if (this.disabled)  e.preventDefault();

Kind regards, Magdalena

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: Premium
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: 6.2.0
  • Device: computer
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: No