How do I turn off the drag and drop feature of the Uploader control?

[John Stemper]

When using form uploading with the Uploader control the sequential dragging and dropping of multiple files does not work correctly, only the last file is uploaded.

I would like to turn off drag and drop so that users don't think they can pick and drop files from multiple places and drop the on the uploader.

How do I turn that off?

[Narayanasamy Panneer Selvam]

Hi John,


 

Greetings from the Syncfusion support. 


 

Currently we don’t have support to disable the drag and drop option in our Uploader component. So, we have logged the requested requirement as a feature at our end and this support will be available in any of our upcoming Volume releases.

You can track the status of the requested feature from the below feedback link.

Feedback link: https://www.syncfusion.com/feedback/8632/provide-support-for-enable-disable-the-drag-and-drop-option-in-uploader

Task ID: https://syncfusion.atlassian.net/browse/EJ2-31022?oldIssueView=true 

Until then, we suggest you to use the below work around solution to achieve the requirement as mentioned in the below code example. Here, we have cancelled the drag and drop option in the select event.

[index.cshtml] 

@Html.EJS().Uploader("UploadFiles").Selected("onSelect").AsyncSettings(new Syncfusion.EJ2.Inputs.UploaderAsyncSettings { SaveUrl = "https://aspnetmvc.syncfusion.com/services/api/uploadbox/Save", RemoveUrl = "https://aspnetmvc.syncfusion.com/services/api/uploadbox/Remove" }).Render() 

  

<script> 

    function onSelect(e) { 

        if (e.event.type == "drop") { 

            e.cancel = true; 

        } 

    } 

</script> 

Please find the sample from the below link.

Sample Link: https://www.syncfusion.com/downloads/support/forum/147072/ze/MVC_EJ2_Sample_147072_Uploader-561734109 

 

 

Regards,  

Narayanasamy P.