Skip to content


Repository files navigation

FileManager for DevExtreme - Azure Client-Side Binding

This example illustrates how to use the custom file provider to connect the FileManager component to the Azure Blob Storage on the client side. The Custom File System Provider allows you to implement custom APIs to handle file operations (add, delete, rename, etc.). All APIs that implement access to Azure Blob Storage on the client are stored in the azure.file.system.js file (app.service.ts - for Angular framework). On the server, configure the Shared Access Signature (SAS) to grant access to blobs in the storage.

If you run an Angular, React, Vue, or jQuery example, you need to also run a .NET-based backend project - Azure_Backend. To connect this project to an Azure server, you need to specify your Azure credentials in appsettings.json:

"AzureStorage": {
    "AccountName": "yourAccount",
    "AccessKey": "yourKey",
    "FileManagerBlobContainerName": "ContainerName"


Files to Review


More Examples