Disable File Upload during upload processing

[Mike Rowley]

How do I disable/enable a file upload control using javascript?

[Ponmani Murugaiyan]

Hi Mike, 

Greetings from Syncfusion support. 

Query: How do I disable/enable a file upload control using javascript? 

 

You can enable /disable the Uploader component using the Enabled property as like below code snippet. 

@{ 

    var asyncSettings = new Syncfusion.EJ2.Inputs.UploaderAsyncSettings { SaveUrl = "https://ej2.syncfusion.com/services/api/uploadbox/Save", RemoveUrl = "https://ej2.syncfusion.com/services/api/uploadbox/Remove" }; 

} 

 

<ejs-uploader id="uploadFiles" asyncSettings="@asyncSettings" autoUpload="false"></ejs-uploader> 

 

<button id="myBtn">Enable/Disable</button> 

 

<script> 

    var uploadObj; 

    var isEnabled = true; 

    document.addEventListener('DOMContentLoaded', function () { 

        document.getElementById("myBtn").addEventListener("click", ClickHandler); 

        uploadObj = document.getElementById("uploadFiles").ej2_instances[0]; 

    })  

 

    function ClickHandler() { 

        if (uploadObj.enabled) { 

            uploadObj.enabled = false; 

        } else { 

            uploadObj.enabled = true; 

        } 

} 

</script> 

 

API: https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.Uploader.html#Syncfusion_EJ2_Inputs_Uploader_Enabled  

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Syncfusion_EJ2_Core_App-94408591  

 

Kindly check with the above suggestion meets your requirement. Please get back us if you need further assistance. 

 

Regards, 

Ponmani M 

[Mike Rowley]

Excellent, thank you!

[Ponmani Murugaiyan]

Hi Mike, 

  

Thanks for the update. Please get back us if you need further assistance. 

  

Regards, 

Ponmani M  

[Aman kumar]

hi how we not allowed to upload specific file extension for user from file uploader

[Mallesh Ravi Chandran]

Hi Aman,

To restrict specific file extensions, you can use the 'allowedExtensions' property of the uploader component. This property allows you to specify the extensions of the file types allowed and separate them with commas. For example, if you only want to allow image files with extensions '.jpg' and '.png', you can set the allowedExtensions property to “.jpg,.png”.

For more information on this topic, please refer to below documentation and API reference.

Documentation : https://ej2.syncfusion.com/aspnetcore/documentation/uploader/validation#file-type

API Reference :
allowedExtensions

Regards,

Mallesh