# file-manager-drag-and-drop

> File manager with drag-and-drop support, toolbar, context menu, and details view.

**Framework:** aspnet-core  **Component:** FileManager  **Variant:** drag-and-drop

## Get this item

**If you are an agent, fetch the JSON.** Source is inlined, so one request is enough and no tooling is required:

```
GET https://ai.syncfusion.com/r/aspnet-core/file-manager-drag-and-drop.json
```

**Install Package(s)**

```bash
dotnet add package Syncfusion.AspNetCore.FileManager
```

**Notes**

- Syncfusion release: 2026 Volume 2 (v34.1.29)
- The Syncfusion package is licensed. The composition in this file is source you own and edit. See https://ai.syncfusion.com/licensing.md

## Source files

### src/components/file-manager-drag-and-drop/file-manager.cshtml

```cshtml
@page

@using Syncfusion.EJ2.FileManager

@{
    string[] items = new string[] { "NewFolder", "Cut", "Copy", "Paste", "Delete", "Download", "Rename", "SortBy", "Refresh", "Selection", "View", "Details"};
    string[] layout = new string[] { "SortBy", "View", "Refresh", "|", "Paste", "|", "NewFolder", "|", "Details", "|", "SelectAll" };
    string[] file = new string[] { "Cut", "Copy", "|", "Delete", "Download", "Rename", "|", "Details" };
}

    <div class=" control-section">
        <div class="sample-container">
             <!-- File Manager Drag and Drop feature sample -->
            <ejs-filemanager id="filemanager" allowDragAndDrop="true">
                <e-filemanager-ajaxsettings url="https://physical-service.syncfusion.com/api/FileManager/FileOperations"
                                            downloadUrl="https://physical-service.syncfusion.com/api/FileManager/Download"
                                            uploadUrl="https://physical-service.syncfusion.com/api/FileManager/Upload"
                                            getImageUrl="https://physical-service.syncfusion.com/api/FileManager/GetImage">
                </e-filemanager-ajaxsettings>
                <e-filemanager-toolbarsettings items="items">
                </e-filemanager-toolbarsettings>
                <e-filemanager-contextmenusettings file="file" layout="layout">
                </e-filemanager-contextmenusettings>
            </ejs-filemanager>
        </div>
    </div>

```