Unable to upload a folder with subfolders and files using the Upload control in a Razor Page.

[Oscar]

Hi I am testing the Upload control using the following page: Link

I tried to drag & drop a folder with subfolders and files, but the control displays an error "File type not allowed" and it displays the main folder name.

Does the Upload control allows to drag & drop a folder with subfolders and files in it?

 

[Alexander]

Hi Oscar,

Thank you for the provided information and screenshot.

It is important to note, that in the Upload Overview Demo, the Upload component is configured for Asynchronous mode only, without enabling the directory upload functionality from which the following error occurs. You can verify this by clicking on the View Source tab which shows the Upload configuration used for the particular demo demonstration:

Having this in mind, we have a dedicated Directory Upload Demo that illustrates how the directory upload functionality can be utilized. In general, Telerik UI for ASP.NET Core Upload exposes built-in configurations for both the directory and directory drag and drop functionality. They can be configured through .Directory() and .DirectoryDrop() configuration API methods.

For example:

@(Html.Kendo().Upload()
    .Name("files")
    .Async(a => a
        .Save("Directory_Upload", "Upload")
        .Remove("Directory_Remove", "Upload")
        .AutoUpload(false)
    )
    .Directory(true)
    .DirectoryDrop(true)
)

 In addition, you can refer to the following articles which you might find useful:

• Upload Modes Of Operation

• Dragging and Dropping of Files

• Directory Upload

I hope you find this helpful. If any further questions arise do not hesitate to ask.

Regards,
Alexander
Progress Telerik