We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

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

Thread ID:

Created:

Updated:

Platform:

Replies:

147072 Aug 30,2019 05:08 PM UTC Sep 12,2019 09:14 AM UTC ASP.NET MVC - EJ 2 1
loading
Tags: Uploader
John Stemper
Asked On August 30, 2019 05:08 PM UTC

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 [Syncfusion]
Replied On September 12, 2019 09:14 AM UTC

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> 
 
Regards,  
Narayanasamy P.  


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon