Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: File Transfer Protocol in Blazor File Manager Component | Syncfusion
description: Checkout and learn here all about File Transfer Protocol file system provider in Syncfusion Blazor File Manager component and more.
title: File Transfer Protocol in Blazor File Manager Component | Syncfusion®
description: Checkout and learn here all about File Transfer Protocol file system provider in Blazor File Manager component and much more details.
platform: Blazor
control: File Manager
documentation: ug
Expand Down Expand Up @@ -43,7 +43,7 @@ After registering the File Transfer Protocol details, just build and run the pro

```

To perform file operations (Read, Create, Rename, Delete, Get file details, Search, Copy, Move, Upload, Download, GetImage) in the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor File Manager component using the File Transfer Protocol file system provider, you need to initialize the File Transfer Protocol file system provider in the controller.
To perform file operations (Read, Create, Rename, Delete, Get file details, Search, Copy, Move, Upload, Download, GetImage) in the Blazor File Manager component using the File Transfer Protocol file system provider, you need to initialize the File Transfer Protocol file system provider in the controller.

To initialize a local service with the above-mentioned file operations, create a new folder named `Controllers` inside the server part of the project. Then, create a new file with the extension `.cs` inside the Controllers folder and add the necessary file operations code available in the `FTPProviderController.cs` found at this [link](https://github.com/SyncfusionExamples/ftp-aspcore-file-provider/blob/master/Controllers/FTPProviderController.cs). Additionally, you can check out all the necessary file operation method details for this provider in the same GitHub repository.

Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Firebase provider in Blazor File Manager Component | Syncfusion
description: Checkout and learn here all about Firebase file system provider in Syncfusion Blazor File Manager component and more.
title: Firebase provider in Blazor File Manager Component | Syncfusion®
description: Checkout and learn here all about Firebase file system provider in Blazor File Manager component and much more details.
platform: Blazor
control: File Manager
documentation: ug
Expand All @@ -21,11 +21,11 @@ Follow the given steps to generate the secret access key:

* In the new dialog window, click the **Other service account** option to navigate to the Google service accounts console to generate the secret key.

![Blazor File Manager displays File System Authentication](images/blazor-filemanager-file-system.png)
![Blazor File Manager displays File System Authentication](images/blazor-filemanager-file-system.webp)

* Now, open the Firebase service project from the Google services console, and generate a Secret key.

![Generating Key for Service Project in Blazor FileManager](images/blazor-filemanager-generate-key.png)
![Generating Key for Service Project in Blazor FileManager](images/blazor-filemanager-generate-key.webp)

* After generating the secret key, replace secret key JSON in the access_key.json file in the Firebase Real time Database provider project to enable authentication for performing read and write operations.

Expand Down Expand Up @@ -135,7 +135,7 @@ After configuring the Firebase Real time Database service link, build and run th

```

To perform file operations (Read, Create, Rename, Delete, Get file details, Search, Copy, Move, Upload, Download, GetImage) in the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor File Manager component using the Firebase file system provider, you need to initialize the Firebase file system provider in the controller.
To perform file operations (Read, Create, Rename, Delete, Get file details, Search, Copy, Move, Upload, Download, GetImage) in the Blazor File Manager component using the Firebase file system provider, you need to initialize the Firebase file system provider in the controller.

To initialize a local service with the above-mentioned file operations, create a new folder named `Controllers` inside the server part of the project. Then, create a new file with the extension `.cs` inside the Controllers folder and add the necessary file operations code available in the `FirebaseProviderController.cs` found at this [link](https://github.com/SyncfusionExamples/firebase-realtime-database-aspcore-file-provider/blob/master/Controllers/FirebaseProviderController.cs). Additionally, you can check out all the necessary file operation method details for this provider in the same GitHub repository.

Expand Down
6 changes: 3 additions & 3 deletions blazor/file-manager/Google-Drive-file-system-provider.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Google Drive provider in Blazor File Manager Component | Syncfusion
description: Checkout and learn here all about Google Drive file system provider in Syncfusion Blazor File Manager component and more.
title: Google Drive provider in Blazor File Manager Component | Syncfusion®
description: Checkout and learn here all about Google Drive file system provider in Blazor File Manager component and much more details.
platform: Blazor
control: File Manager
documentation: ug
Expand Down Expand Up @@ -44,7 +44,7 @@ After updating the credentials, just build and run the project. Now, the project

```

To perform file operations (Read, Create, Rename, Delete, Get file details, Search, Copy, Move, Upload, Download, GetImage) in the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor File Manager component using the Google Drive file system provider, you need to initialize the Google Drive file system provider in the controller.
To perform file operations (Read, Create, Rename, Delete, Get file details, Search, Copy, Move, Upload, Download, GetImage) in the Blazor File Manager component using the Google Drive file system provider, you need to initialize the Google Drive file system provider in the controller.

To initialize a local service with the above-mentioned file operations, create a new folder named `Controllers` inside the server part of the project. Then, create a new file with the extension `.cs` inside the Controllers folder and add the necessary file operations code available in the `GoogleDriveProviderController.cs` found at this [link](https://github.com/SyncfusionExamples/google-drive-aspcore-file-provider/blob/master/EJ2GoogleDriveFileProvider/Controllers/GoogleDriveProviderController.cs). Additionally, you can check out all the necessary file operation method details for this provider in the same GitHub repository.

Expand Down
6 changes: 3 additions & 3 deletions blazor/file-manager/SQL-database-file-system-provider.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: SQL database provider in Blazor File Manager Component | Syncfusion
description: Checkout and learn here all about SQL database file system provider in Syncfusion Blazor File Manager component and more.
title: SQL database provider in Blazor File Manager Component | Syncfusion®
description: Checkout and learn here all about SQL database file system provider in Blazor File Manager component and much more details.
platform: Blazor
control: File Manager
documentation: ug
Expand Down Expand Up @@ -65,7 +65,7 @@ After configuring the connection, just build and run the project. Now, the proje

```

To perform file operations (Read, Create, Rename, Delete, Get file details, Search, Copy, Move, Upload, Download, GetImage) in the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor File Manager component using the SQL database file system provider, you need to initialize the SQL database file system provider in the controller.
To perform file operations (Read, Create, Rename, Delete, Get file details, Search, Copy, Move, Upload, Download, GetImage) in the Blazor File Manager component using the SQL database file system provider, you need to initialize the SQL database file system provider in the controller.

To initialize a local service with the above-mentioned file operations, create a new folder named `Controllers` inside the server part of the project. Then, create a new file with the extension `.cs` inside the Controllers folder and add the necessary file operations code available in the `SQLProviderController.cs` found at this [link](https://github.com/SyncfusionExamples/sql-server-database-aspcore-file-provider/blob/master/Controllers/SQLProviderController.cs). Additionally, you can check out all the necessary file operation method details for this provider in the same GitHub repository.

Expand Down
6 changes: 3 additions & 3 deletions blazor/file-manager/accessibility.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Accessibility in Blazor File Manager Component | Syncfusion
description: Checkout and learn here all about Accessibility in Syncfusion Blazor File Manager component and more.
title: Accessibility in Blazor File Manager Component | Syncfusion®
description: Checkout and learn here all about Accessibility in Blazor File Manager component and much more details.
platform: Blazor
control: File Manager
documentation: ug
Expand Down Expand Up @@ -92,4 +92,4 @@ The accessibility compliance of the File Manager component is shown in the follo

## See also

* [Accessibility in Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components](https://blazor.syncfusion.com/documentation/common/accessibility)
* [Accessibility in Blazor components](https://blazor.syncfusion.com/documentation/common/accessibility)
14 changes: 7 additions & 7 deletions blazor/file-manager/amazon-S3-cloud-file-provider.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Amazon S3 cloud Provider in Blazor File Manager Component | Syncfusion
description: Check out and learn about the Amazon S3 cloud file provider in the Syncfusion Blazor File Manager component.
title: Amazon S3 cloud Provider in Blazor File Manager | Syncfusion®
description: Check out and learn about the Amazon S3 cloud file provider in the Blazor File Manager component and much more details.
platform: Blazor
control: File Manager
documentation: ug
Expand All @@ -11,11 +11,11 @@ documentation: ug

## Introduction to Amazon S3

Amazon Simple Storage Service (Amazon S3) is AWS's object storage service for storing and retrieving any amount of data. S3 is durable, scalable, and pay‑as‑you‑go. In this guide the Syncfusion Blazor File Manager connects to S3 through an ASP.NET Core backend so you can securely browse and perform file operations in the File Manager component.
Amazon Simple Storage Service (Amazon S3) is AWS's object storage service for storing and retrieving any amount of data. S3 is durable, scalable, and pay‑as‑you‑go. In this guide the Blazor File Manager connects to S3 through an ASP.NET Core backend so you can securely browse and perform file operations in the File Manager component.

## Prerequisites

Before you integrate Amazon S3 with the Syncfusion Blazor File Manager, ensure you have:
Before you integrate Amazon S3 with the Blazor File Manager, ensure you have:
- An AWS Account
- A configured S3 Bucket
- AWS credentials: `awsAccessKeyId`, `awsSecretAccessKeyId`, `bucketRegion`, `awsRegion`.
Expand All @@ -35,7 +35,7 @@ Clone the [Amazon S3 File Provider](https://github.com/SyncfusionExamples/amazon
git clone https://github.com/SyncfusionExamples/ej2-amazon-s3-aspcore-file-provider ej2-amazon-s3-aspcore-file-provider
```

N> This Amazon S3 provider for the Syncfusion Blazor File Manager is intended for demonstration and evaluation only. Before using it consult your security team and complete a security review.
N> This Amazon S3 provider for the Blazor File Manager is intended for demonstration and evaluation only. Before using it consult your security team and complete a security review.

To initialize a local service with the above-mentioned file operations, create a folder named `Controllers` in the server project. Then, create a `.cs` file in the `Controllers` folder and add the required file operation code from [AmazonS3ProviderController.cs](https://github.com/SyncfusionExamples/amazon-s3-aspcore-file-provider/blob/master/Controllers/AmazonS3ProviderController.cs). You can also find the method-level details for this provider in the same repository.

Expand All @@ -47,7 +47,7 @@ After cloning, open the project in Visual Studio and restore the NuGet packages.
this.operation.RegisterAmazonS3("<---bucketName--->", "<---awsAccessKeyId--->", "<---awsSecretAccessKey--->", "<---region--->");
```

## Configuring Syncfusion File Manager UI
## Configuring Blazor File Manager UI

To configure File Manager component, open the NuGet package manager in Visual Studio (Tools → NuGet Package Manager → Manage NuGet Packages for Solution), then search and install **Syncfusion.Blazor.FileManager** and **Syncfusion.Blazor.Themes**. Integrate the FileManager component by pasting the below code in your .razor file of the Blazor application. Click this [link](https://blazor.syncfusion.com/documentation/file-manager/getting-started-with-web-app) for more details.

Expand All @@ -67,7 +67,7 @@ Now, build and run the Amazon File Service provider project. It will be hosted a
</SfFileManager>
```

To perform file operations (Read, Create, Rename, Delete, Get file details, Search, Copy, Move, Upload, Download, GetImage) in the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor File Manager component using the Amazon S3 cloud file provider, initialize the Amazon S3 cloud file provider in the controller.
To perform file operations (Read, Create, Rename, Delete, Get file details, Search, Copy, Move, Upload, Download, GetImage) in the Blazor File Manager component using the Amazon S3 cloud file provider, initialize the Amazon S3 cloud file provider in the controller.

## Supported File Operations

Expand Down
14 changes: 7 additions & 7 deletions blazor/file-manager/azure-cloud-file-system-provider.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Azure cloud provider in Blazor File Manager Component | Syncfusion
description: Check out and learn about the Azure cloud file system provider in the Syncfusion Blazor File Manager component.
title: Azure cloud provider in Blazor File Manager Component | Syncfusion®
description: Check out and learn about the Azure cloud file system provider in the Blazor File Manager component and much more details.
platform: Blazor
control: File Manager
documentation: ug
Expand All @@ -11,11 +11,11 @@ documentation: ug

## Introduction to Azure Blob Storage

Azure Blob Storage is Microsoft Azure's object storage solution for the cloud, optimized for storing massive amounts of unstructured data. In this guide, the Syncfusion Blazor File Manager connects to Blob Storage through an ASP.NET Core backend so you can securely browse and perform file operations in the File Manager component.
Azure Blob Storage is Microsoft Azure's object storage solution for the cloud, optimized for storing massive amounts of unstructured data. In this guide, the Blazor File Manager connects to Blob Storage through an ASP.NET Core backend so you can securely browse and perform file operations in the File Manager component.

## Prerequisites

Before you integrate Azure Blob Storage with the Syncfusion Blazor File Manager, ensure you have:
Before you integrate Azure Blob Storage with the Blazor File Manager, ensure you have:
- An active Microsoft Azure subscription
- A Storage Account with Blob service enabled
- A Blob Container and an optional root folder inside that container
Expand All @@ -34,7 +34,7 @@ Clone the [Azure File Provider](https://github.com/SyncfusionExamples/azure-aspc
git clone https://github.com/SyncfusionExamples/ej2-azure-aspcore-file-provider ej2-azure-aspcore-file-provider
```

N> This Azure Blob Storage provider for the Syncfusion Blazor File Manager is intended for demonstration and evaluation only. Before using it in production, consult your security team and complete a security review.
N> This Azure Blob Storage provider for the Blazor File Manager is intended for demonstration and evaluation only. Before using it in production, consult your security team and complete a security review.

To initialize a local service with the above-mentioned file operations, create a folder named `Controllers` in the server project. Then, create a `.cs` file in the `Controllers` folder and add the required file operation code from [AzureProviderController.cs](https://github.com/SyncfusionExamples/azure-aspcore-file-provider/blob/master/Controllers/AzureProviderController.cs). You can also find the method-level details for this provider in the same repository.

Expand Down Expand Up @@ -71,7 +71,7 @@ public AzureProviderController(IHostingEnvironment hostingEnvironment)
}
```

## Configuring Syncfusion File Manager UI
## Configuring Blazor File Manager UI

To configure File Manager component, open the NuGet package manager in Visual Studio (Tools → NuGet Package Manager → Manage NuGet Packages for Solution), then search and install **Syncfusion.Blazor.FileManager** and **Syncfusion.Blazor.Themes**. Integrate the FileManager component by pasting the below code in your .razor file of the Blazor application. Click this [link](https://blazor.syncfusion.com/documentation/file-manager/getting-started-with-web-app) for more details.

Expand All @@ -91,7 +91,7 @@ Now, build and run the Azure File Service provider project. It will be hosted in
</SfFileManager>
```

To perform file operations (Read, Create, Rename, Delete, Get file details, Search, Copy, Move, Upload, Download, GetImage) in the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor File Manager component using the Azure cloud file system provider, initialize the Azure cloud provider in the controller.
To perform file operations (Read, Create, Rename, Delete, Get file details, Search, Copy, Move, Upload, Download, GetImage) in the Blazor File Manager component using the Azure cloud file system provider, initialize the Azure cloud provider in the controller.

## Supported File Operations

Expand Down
4 changes: 2 additions & 2 deletions blazor/file-manager/context-menu.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Context Menu in Blazor File Manager Component | Syncfusion
description: Checkout and learn here all about Context Menu in Syncfusion Blazor File Manager component and much more.
title: Context Menu in Blazor File Manager Component | Syncfusion®
description: Checkout and learn here all about Context Menu in Blazor File Manager component and much more details.
platform: Blazor
control: File Manager
documentation: ug
Expand Down
6 changes: 3 additions & 3 deletions blazor/file-manager/custom-file-provider.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Custom File Provider in Blazor File Manager Component | Syncfusion
description: Checkout and learn here all about Custom File System Provider in Syncfusion Blazor File Manager component and more.
title: Custom File Provider in Blazor File Manager Component | Syncfusion®
description: Checkout and learn here all about Custom File System Provider in Blazor File Manager component and much more details.
platform: Blazor
control: File Manager
documentation: ug
---

# Custom file provider for Blazor File Manager Component

You can also create a custom file provider specific to your needs to connect with the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor File Manager component, instead of relying on the above listed predefined providers offered by Syncfusion. Additionally, you need to ensure that the file actions requests and responses adhere to the same format used in the file system. Below are the details for each file action, to know more information about their request and response parameters.
You can also create a custom file provider specific to your needs to connect with the Blazor File Manager component, instead of relying on the above listed predefined providers offered by Syncfusion. Additionally, you need to ensure that the file actions requests and responses adhere to the same format used in the file system. Below are the details for each file action, to know more information about their request and response parameters.


* **Read** - This action is used to read files and directories from the file system. It retrieves the list of files and subdirectories in a specified directory. Click this [link](https://blazor.syncfusion.com/documentation/file-manager/file-operations#reading-files-and-folders) to know about the request and response parameters of read operations.
Expand Down
Loading