We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The Blazor File Manager (a.k.a. File Explorer) is a graphical user interface component for managing the file system that allows users to perform most common file operations like accessing, editing, and sorting files or folders. This component also provides easy navigation to select a file or folder from the file system.


Why choose Syncfusion Blazor File Manager?

Blazor File Manager easy to customize.

Easy to customize

With customization options, the entire layout can be customized and modified easily, and initial views switched.

Blazor File Manager built in file operation.

Built-in file operations

Provides a wide range of built-in file operations including copying, moving, renaming, and deleting files, drag-and-drop, image preview, and more.

Blazor File Manager easy to interact.

Easy to interact

An intuitive and easy-to-interact interface that includes a toolbar, treeview, breadcrumb, and menu.

Blazor File Manager localization.

Localization

Localize the text values of the context menu and tooltips displayed in the user interface using the localization library.

Blazor File Manager integration.

Integration with other components

Integrate with Syncfusion’s PDF Viewer, Word Editor, and Spreadsheet component to open and view PDF, Excel, and Word files.

Blazor File Manager connect with cloud storage services.

Connect with cloud storage services

Easily connect and manage data stored in a various storage services, including local, cloud, and database.

Blazor File Manager adapts to any resolution.

Adapts to any resolution

The File Manager is designed to be responsive and adaptable, with a layout that works well on devices including desktops, touch screens, and smart phones.

Blazor File Manager customizable theme.

Attractive, customizable themes

Cutting edge design with 5+ built-in themes such as Fluent, Tailwind CSS, Bootstrap, Material, Fabric, and more. Utilize the online Theme Studio tool to customize themes easily.


Blazor File Manager Code Example

Easily get started with the Blazor File Manager using a few simple lines of C# code as demonstrated below. Also explore our Blazor File Manager Example that shows you how to render and configure the Blazor File Explorer.

@using Syncfusion.Blazor.FileManager

<SfFileManager TValue="FileManagerDirectoryContent">
    <FileManagerAjaxSettings Url="/api/SampleData/FileOperations"
                             GetImageUrl="/api/SampleData/GetImage">
    </FileManagerAjaxSettings>
</SfFileManager>

namespace filemanager.Server.Controllers
{
[Route("api/[controller]")]
public class SampleDataController : Controller
{
    // Processing the GetImage operation
    [Route("GetImage")]
    public IActionResult GetImage(FileManagerDirectoryContent args)
    {
        //Invoking GetImage operation with the required paramaters
        // path - Current path of the image file; Id - Image file id;
        return this.operation.GetImage(args.Path, args.Id, false, null, null);
    }
}
}

Flat data rendering

The Blazor File Manager component includes the support for rendering the flat data objects, eliminating the need for HTTP client requests and back-end URL configuration. All file operations seamlessly unfold within the component itself through dedicated file action events.


Customizable layout design

The Blazor File Manager UI consists of a toolbar, navigation pane, and content pane through which the files or folders in the file system can be accessed and managed. The entire layout can be customized with features like right-to-left alignment, enabling or disabling the toolbar and navigation pane, and switching between views.

Customizable layout design in Blazor File Manager.


Blazor File Manager with toolbar.

Toolbar

The toolbar contains a list of tools for performing various operations like upload file, download file, and switch views. The toolbar can be configured with any custom functionality to be performed on the file system.


The navigation pane allows quick and direct access to a file or folder in a file system where the entire folder hierarchy is listed using a tree view. This can be made visible or hidden as needed.

Blazor File Manager with navigation pane.


Content pane in Blazor File Manager.

Content pane

The content pane displays the files and folders in the file system. The files in the content pane can be displayed in either a large icon view or a details view.


File operations

The Blazor File Manager component includes all the common operations needed for managing a file system, such as copying, moving, uploading, downloading, editing, creating, deleting, and sorting.

File operations support in Blazor File Manager.


File upload and download in Blazor File Manager.

File upload and download

The Blazor File Manager component allows easy file uploading and downloading in a file system.


Sorting

Files and folders in the file system can be sorted in ascending or descending order by clicking the column header. Files and folders can be sorted based on name, date created, size, and other details. The default sorting functionality can also be customized in the File Manager.

File sorting in Blazor File Manager.


File searching in Blazor File Manager.

Searching

The Blazor File Manager control contains built-in search functionality that allows you to search for and access a file or folder in the current path and its child folders.


Moving files and folders with drag and drop

Files and folders can be moved within the file system by dragging and dropping them. Drag-and-drop support can be turned on or off.

Drag and drop support in Blazor File Manager.


Access control support in Blazor File Manager.

Access control restriction

The Blazor File Manager with its rich UI restricts access to files and folders by defining a set of rules for them. Only authorized users will be able to access them.


Restrict upload file types

Users can specify the types of files that can be uploaded in the File Manager.

Restrict file types in Blazor File Manager.


Multiple file selection in Blazor File Manager.

Multiple file selection

The Blazor File Manager component has built-in support for the selection of multiple files or folders. Multiple file selection is effective when a single operation like download or delete needs to be performed for multiple files in the file system.


Directory upload

The Blazor File Manager control has support to upload a directory (folder) with its subfolders and files.

Blazor File Manager directory upload.


Quick access menu support in Blazor File Manager.

Quick access menu

The Blazor File Manager control provides a context menu support to list the operations that can be performed with files and folders. It appears when a file or folder is right-clicked. Context menu items can be customized according to user preferences.



Additional features

Keyboard navigation in Blazor File Manager.

Keyboard navigation

The Blazor File Manager control ensures that every cell is accessible using the keyboard. Major features like sort, select, and edit can be performed using keyboard commands alone; no mouse interaction is required. This helps in creating highly accessible applications using this control.

Blazor File Manager developer-friendly APIs.

Developer-friendly APIs

Developers have control over all the UI elements and behaviors of the components to provide the best experience to end users.

Blazor File Manager right to left.

Right to left (RTL)

Supports right-to-left (RTL) direction for users working in right-to-left languages like Hebrew and Arabic.






Struggling to decide on the right product?

Our comprehensive competitor comparison of Blazor components will guide you to the perfect choice.

tick-mark 85+ UI components
tick-mark 960+ interactive Blazor demos
tick-mark 2.1M+ downloads
competitive-banner-FT-image

Other supported frameworks

File Manager is also available in Angular, React, Vue, and JavaScript frameworks that are built from their own TypeScript libraries. Check out the different File Manager platforms from the links below:

Supported browsers

The Blazor File Manager works well with all modern web browsers such as Chrome, Firefox, Microsoft Edge, Safari, and Opera.

Supported browsers in Blazor File Manager

Blazor Components – 85+ UI and DataViz Components

Frequently Asked Questions

  • A lightweight, modern user interface for easy and effective file management in a file system.
  • Built-in file operations, like upload, download, delete, create, sort, search, and rename, along with an out-of-the-box option to image preview option in the file system.
  • Support for different kinds of file system providers like physical, FTP, SQL, Node.js, Azure, Amazon S3, Firebase, and Google Drive.
  • One of the best Blazor File Manager in the market that offers feature-rich UI to interact with the software.
  • Built-in support for access control.
  • Simple configuration and API.
  • Support for all modern browsers.
  • Touch-friendly and responsive.
  • Extensive learning resources such as demos and documentation to learn quickly and get started fast.

We do not sell the Blazor File Manager separately. It is only available for purchase as part of the Syncfusion team license. This contains over 1,800 components and frameworks, including the Blazor File Manager. The price of the team license starts at $395 per month for 5 developers, and includes support and updates until the subscription expires. In addition, we might offer discounts based on currently active promotions. Please contact our product specialists today to see if you qualify for any additional discounts.

You can find our Blazor File Manager demo, which demonstrates how to render and configure the File Manager.

No, our 1,800+ components and frameworks for web, mobile, and desktop, including our Blazor File Manager, are not sold individually. They are only available as part of a team license. However, we have competitively priced the product, so it only costs a little bit more than what some other vendors charge for their File Manager component alone. We have also found that, in our experience, our customers usually start off using one of our products and then expand to several products quickly, so we felt it was best to offer all 1,800+ components and frameworks for a subscription fee that starts at $395 per month for a team of 5 developers. Additionally, we might be able to offer discounts based on currently active promotions. Please contact our product specialists today to see if you qualify for any additional discounts.

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.

A good place to start would be our comprehensive getting started documentation.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Transform your applications today by downloading our free evaluation version
Download Free Trial No credit card required.

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Recent activities in Blazor File Manager tutorials and blogs

The Blazor File Manager tutorial videos and blog posts will guide you in building your first app with this Blazor components. They provide problem-solving strategies, describe features and functionalities, announce new feature releases, explain best practices, and showcase example scenarios. Explore our latest posts on our blog and tutorial video channels for Blazor File Manager updates.

Up arrow icon