File Manager

• Jun 16, 2026
• 3 minutes to read

File Manager is an interactive component that allows users to view and manage files and directories. The component supports editing, deleting, and uploading operations.

Run Demo: File Manager Read Tutorial

Getting Started

The File Manager UI Control is based on the DevExtreme File Manager component.

The following help topics explain how to add this control to your project:

• Add DevExtreme to a Visual Studio Project or Configure a non Visual Studio Project
• Add Controls to a Project
• Razor Syntax

Basic Syntax

FileManagerBasics.cshtml

@(Html.DevExtreme().FileManager()
    .FileSystemProvider(p => p
        .Remote()
        .Url(Url.Action("FileSystemEndPoint"))
    )
)

FileManagerController.cs

using Microsoft.AspNetCore.Hosting;
using Microsoft.AspNetCore.Mvc;
using DevExtreme.AspNet.Mvc.FileManagement;

namespace ASP.NET_Core.Controllers {
    public class FileManagerController : Controller {
        IWebHostEnvironment _webHostEnvironment;

        public FileManagerController(IWebHostEnvironment webHostEnvironment) {
            _webHostEnvironment = webHostEnvironment;
        }

        public IActionResult GettingStarted() {
            return View();
        }

        public object FileSystemEndPoint(FileSystemCommand command, string arguments) {
            var config = new FileSystemConfiguration {
                Request = Request,
                FileSystemProvider = new PhysicalFileSystemProvider(_webHostEnvironment.ContentRootPath + "/wwwroot")
            };
            var processor = new FileSystemCommandProcessor(config);
            var result = processor.Execute(command, arguments);
            return result.GetClientCommandResult();
        }
    }
}

Built-in Capabilities and Configuration Guides

• File System Support
  The DevExtreme FileManager supports in-memory (JSON), remote, and custom file system provider types.

• Cloud Service Integration
  You can implement the custom file system provider type to connect FileManager to a cloud service provider (for instance, Amazon S3 or Azure Blob).

• Detail and Thumbnail Views
  FileManager supports two file representation modes: “Thumbnails” and “Details”. “Thumbnails” displays only thumbnails, while “Details” includes additional information. Users can switch between the two options in the FileManager toolbar.

• Configurable Permissions
  DevExtreme FileManager allows you to configure permissions to manage user access to files. You can enable/disable operations such as file upload/download, creation, and deletion.

• File Uploading
  You can configure upload options such as maximum file size and chunk uploading. Users can upload files through drag and drop operations or in the component toolbar.

• Adaptability
  DevExtreme FileManager fits screens of all sizes and ships with right-to-left (RTL) representation support.

• Customization
  FileManager allows you to customize visual elements such as file thumbnails and toolbar items.

• Data Selection
  FileManager supports single and multiple selection modes. The following image demonstrates available FileManager item states:
  

  1. Selected Item
  2. Selected and Focused
  3. Hover State
  4. Default State
  5. Focused Item

API

Server-Side API

Initialization

Call the FileManager() method to create a File Manager control. This action initializes a FileManagerBuilder instance. Use the instance methods to specify File Manager options and event handlers.

Options

For a complete option list, see FileManagerBuilder Members. For details on how to specify control options, refer to the following help topic: Specify Options.

Events

For available events, see Events. For details on how to handle events, refer to the following help topic: Handle Events and Define Callbacks.

Client-Side API

Options

If you need to specify the File Manager options dynamically on the client side, use client-side API. For a complete option list, see DevExtreme File Manager options.

Methods

For a list of available methods, see DevExtreme File Manager methods. For details on how to call methods, refer to the following help topic: Call Methods.

Demos

Run Demo: File Manager