allowDragAndDrop doesn't prevent files from being dropped (and uploaded)

[Brian Crawford]

I've set allowDragAndDrop to false and it prevents the user from dragging a file from one folder to another, but it doesn't prevent the user from dragging a file onto the details view and dropping it to upload it.  How can I prevent that use case?

[Keerthana Rajendran]

Hi Brian, 

 

Good day to you. 

 

We have checked your reported query on prevent dragging a file during upload. By default, allowDragAndDrop of file manager component is set as false. There is no need to declare it in your application level. You can prevent the upload dragging by setting the dropArea of uploadObj in the FileManager as null using created () event. 

 

Refer to the below code snippet. 

<ejs-filemanager id='overview' #file [ajaxSettings]='ajaxSettings' [view]='view' (created)="created($event)"> 

    </ejs-filemanager> 

 

 created() { 

 this.file.element.querySelector(".e-control.e-uploader").ej2_instances[0].dropArea = null;  

    } 

 

 

 

For your reference, we have prepared a sample. 

 

Sample link: https://stackblitz.com/edit/angular-hz2gy3?file=main.ts 

 

Note: Upload functionality is prevented in online service, you can use the file manager local service in this link 

 

Please let us know, if you have any concerns. 

 

Regards, 

Keerthana. 

[Brian Crawford]

Hi Keerthana, I want to just say thank you for providing excellent support. You have been very responsive and have provided examples of how to solve the issues I've run into. We are looking forward to your December release to fix some of the bugs.  Thanks!

[Keerthana Rajendran]

Hi Brian, 

Most welcome and thank you for the valuable feedback on our support. We are glad to hear that the provided solutions helped you to achieve your requirement. You can track the status of bug fixes from their corresponding feedback links. Please get back to us if you need any further assistance on this.  

 

Regards, 

Keerthana.