Articles in this section
Category / Section

How to Upload a Folder instead of file using UploadBox

1 min read

By default, the Uploadbox control allows to upload a single file or multiple files. Restrict or allow certain file type from being selected for upload. Similarly, the attributes of the upload box’s file type input element can be modified to upload a folder instead of file. Refer to the following code.


@Html.EJ().Uploadbox("UploadDefault").SaveUrl("SaveDefault").RemoveUrl("RemoveDefault").ClientSideEvents(e => e.Create("oncreate")) 
    function oncreate(){ 
       this.inputupload.attr("directory", ""); 
       this.inputupload.attr("webkitdirectory", ""); 
       this.inputupload.attr("mozdirectory", ""); 

In the previous code, the Uploadbox’s create event can be used to add attributes to the file input element. The “directory” attribute in the file type input element will prevent from selecting an individual file and allows to select the folder. Once a folder is selected, all the contents in the folder are listed in the Uploadbox. 


Did you find this information helpful?
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment