Fileupload plugin when setting default file and then remove


Topic: Fileupload plugin when setting default file and then remove file the event does has undefined filename removed

Yiannis Kyriazidis pro premium priority asked 2 months ago

When setting the default file for file upload plugin and then click the remove button , I need to capture in removed event the file removed to call some ajax function to remove from database . But the event name does not have in e.fileremoved property the file name , so I dont know the file that has been removed. see example : https://mdbootstrap.com/snippets/standard/yiannis_kyriazidis/3338802#js-tab-view


Grzegorz Bujański staff answered 2 months ago

If you don't set data-mdb-default-file e.path [0] .dataset will not contain it. Then you have to use the data contained in removedFile.

At the moment it is the only solution. We are not able to solve it differently. Input type='file' does not allow set default value for security reasons. And this prevents us from retrieving the information that is passed to removedFile. We will not be able to supplement this data in any way


Grzegorz Bujański staff answered 2 months ago

You can just download the data-mdb-default-file attribute:

 const fileUpload = document.getElementById('dnd1');
 fileUpload.addEventListener('fileRemove.mdb.fileUpload', function(e) {
     console.log(e.path[0].dataset.mdbDefaultFile);
 });

Yiannis Kyriazidis pro premium priority answered 2 months ago

yes , but this means that when a regular file that has been uploaded from the UI (and then removed) then it wont work. In this case the event provides from the arguments the correct file in e.removedfile parameter. Isnt there a common method to get the removed file ? Either set as the default file or has been uploaded manuall from the user >


Yiannis Kyriazidis pro premium priority answered 2 months ago

I tried the proposed solution but did not work, returned empty result . see screenshot below. There is no mdbDefaultFile available.

enter image description here

This is what is shown in e.removedFile when uploaded from the UI and them removed. The file is avilable and I can grab the name to remove it from the database. This is the expected behaviour

enter image description here


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.9.0
  • Device: windows desktop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: Yes