Syncfusion.AspNetMvc.FileManager
34.1.30
Prefix Reserved
dotnet add package Syncfusion.AspNetMvc.FileManager --version 34.1.30
NuGet\Install-Package Syncfusion.AspNetMvc.FileManager -Version 34.1.30
<PackageReference Include="Syncfusion.AspNetMvc.FileManager" Version="34.1.30" />
<PackageVersion Include="Syncfusion.AspNetMvc.FileManager" Version="34.1.30" />
<PackageReference Include="Syncfusion.AspNetMvc.FileManager" />
paket add Syncfusion.AspNetMvc.FileManager --version 34.1.30
#r "nuget: Syncfusion.AspNetMvc.FileManager, 34.1.30"
#:package Syncfusion.AspNetMvc.FileManager@34.1.30
#addin nuget:?package=Syncfusion.AspNetMvc.FileManager&version=34.1.30
#tool nuget:?package=Syncfusion.AspNetMvc.FileManager&version=34.1.30
Syncfusion® ASP.NET MVC File Manager Component
A full-featured file explorer that allows users to browse, manage, and operate on files and folders in a web application — similar to Windows Explorer or macOS Finder, with support for local file systems, cloud storage, and custom providers.
Key Features
- Multiple View Options: Details view and large icon (thumbnail) view for flexible file browsing
- File Operations: Create, rename, delete, copy, move, and upload/download functionality
- Multi-Provider Support: Local file system, Azure Blob Storage, Amazon S3, and custom storage providers
- Toolbar and Context Menu: Quick access to common actions with customizable menus
- File Search and Filtering: Advanced search with filtering capabilities
- Selection and Drag-Drop: Multiple file selection, drag-and-drop operations for efficient workflows
- Keyboard Navigation: Full keyboard support for accessibility and productivity
- Responsive Design: Adapts to different screen sizes and devices
- Breadcrumb Navigation: Easy navigation through folder hierarchy
- Permission Management: Support for read-only mode and access control
Common Setup
These setup steps are required only once for your application, regardless of which Syncfusion components you use.
1. Install Base NuGet Package
Install-Package Syncfusion.AspNetMvc.FileManager
2. Add Namespace Reference
Edit Web.config under the Views folder and add the Syncfusion.EJ2 namespace:
<namespaces>
<add namespace="Syncfusion.EJ2"/>
</namespaces>
3. Add Stylesheet & Script References
In your layout file (~/Views/Shared/_Layout.cshtml), add the following in the <head> section:
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewBag.Title - Syncfusion Application</title>
<link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/34.1.30/fluent2.css" />
<script src="https://cdn.syncfusion.com/ej2/34.1.30/dist/ej2.min.js"></script>
</head>
4. Register Script Manager
At the end of the <body> tag in your layout file (~/Views/Shared/_Layout.cshtml):
<body>
@RenderBody()
@Html.EJS().ScriptManager()
</body>
Quick Start
Step 1: Add ASP.NET MVC File Manager Control
Add the Syncfusion® ASP.NET MVC File Manager control in ~/Views/Home/Index.cshtml page.
@{
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" };
}
@Html.EJS().FileManager("filemanager").AjaxSettings(
new Syncfusion.EJ2.FileManager.FileManagerAjaxSettings
{
Url = "https://azure-service.syncfusion.com/api/AzureFileManager/AzureFileOperations",
DownloadUrl = "https://azure-service.syncfusion.com/api/AzureFileManager/AzureDownload",
UploadUrl = "https://azure-service.syncfusion.com/api/AzureFileManager/AzureUpload",
GetImageUrl = "https://azure-service.syncfusion.com/api/AzureFileManager/AzureGetImage"
}).ToolbarSettings(new Syncfusion.EJ2.FileManager.FileManagerToolbarSettings()
{
Items = items
}).ContextMenuSettings(new Syncfusion.EJ2.FileManager.FileManagerContextMenuSettings()
{
File = file,
Layout = layout
}).Render()
Step 2: Run the Application
Press Ctrl+F5 to run the application in your browser.
Documentation
Support
License
This is a commercial product and requires a paid license for possession or use. Review the Syncfusion® EULA
About Syncfusion®
Syncfusion® provides 1600+ UI components and frameworks for web, mobile, and desktop development across multiple platforms:
Web: Blazor | ASP.NET MVC | ASP.NET MVC | JavaScript | Angular | React | Vue
Desktop: WinForms | WPF | WinUI
Learn more at www.syncfusion.com
sales@syncfusion.com | Toll Free: 1-888-9-DOTNET
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET Framework | net462 is compatible. net463 was computed. net47 was computed. net471 was computed. net472 was computed. net48 was computed. net481 was computed. |
-
- Newtonsoft.Json (>= 13.0.3)
- Syncfusion.AspNetMvc.Base (>= 34.1.30)
- Syncfusion.AspNetMvc.Navigations (>= 34.1.30)
- Syncfusion.EJ2.JavaScript (>= 34.1.30)
- Syncfusion.Licensing (>= 34.1.30)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.