Syncfusion在Essential JS 2套件中引入了新的文件管理器控件，類似Windows的文件瀏覽器，允許最終用戶在Web服務器的客戶端有效地管理、瀏覽和上傳文件。

△ JavaScript文件管理器控件

Essential JS 2套件具有大量控件，這些控件具有通用Web標準和功能，如Web可訪問性、從右到左呈現、鍵盤交互、模塊化架構和響應性，以及具有觸摸友好的輕量級ui。。現在，文件管理器包含在此套件中，包含所有常見的JS 2功能以及特定于控件的功能。

本文將介紹新的文件管理器控件、UI設計、可用功能以及它支持的平臺。

支持的平臺

以下平臺支持文件管理器控制：

• Blazor

• NET Core

• NET MVC

• Angular

• React

• Vue

文件管理器UI設計

我們設計的文件管理器UI非常靈活，允許用戶自定義其所有功能。這是文件管理器的設計及其交互功能列表。

△ 文件管理器UI設計

工具欄選項

頂部的工具欄擁有執行文件管理操作的所有操作按鈕：創建、剪切、復制、粘貼、上載、下載、重命名和刪除文件夾和文件。

左側樹視圖導航

從根文件目錄中，文件以樹結構（層次結構）列出，并具有Windows文件資源管理器中的展開和折疊選項。這用作快速訪問嵌套級別中的文件。

快速訪問菜單

這是一個上下文菜單選項，用于執行右鍵單擊文件文件數據視圖的操作。

布局

文件和文件夾顯示在詳細信息視圖或大圖標視圖中，以便快速管理。

△ 文件管理器與詳細信息視圖

△ 文件管理器與大圖標視圖

自適應設計

文件管理器控件旨在通過其響應和自適應布局設計在所有設備中輕松交互。在小型設備中，文件管理器通過更改其UI來實現無障礙交互。

點擊下載Essential Studio for ASP.NET MVC試用版

現有功能

文件管理器控件的功能使用80/20規則實現。這將涵蓋有效管理Web瀏覽器中的文件系統的主要業務需求。以下是文件管理器中可用的功能：

• 文件操作

• 多項選擇

• 文件系統提供商

• 拖放文件

• 文件訪問控制

• 排序

• 圖像預覽

• 布局定制

文件操作

文件管理器控件執行所有常用的文件操作：創建、刪除、剪切、復制、粘貼、重命名、上傳和下載文件和文件夾。

多項選擇

文件管理器允許您選擇多個文件以執行適用的文件操作。

△ 在文件管理器中選擇多個文件

文件系統提供商

內置的文件系統提供程序將幫助您輕松管理這些流行的云和數據庫文件系統：

• 物理文件系統提供者

• Azure文件系統提供程序

• Google云端硬盤文件系統提供商

• SQL Server數據庫文件系統提供程序

• Node JS文件系統提供程序

拖放文件

拖放支持允許您通過拖放將文件夾和文件從一個文件夾移動到另一個文件夾。

△ 在文件管理器中拖放文件

文件訪問控制

文件管理器提供了授予或限制特定用戶和用戶組的訪問權限的方法。您可以使用一組訪問規則為文件夾和文件定義訪問權限。通過這樣做，您可以授權人們讀取、寫入、刪除和上載文件。

這些訪問規則在服務器端驗證，因此更安全。

△ 文件管理器中應用的訪問規則

在上一個屏幕截圖中，向文檔用戶提供了訪問權限，因此只能訪問文檔文件夾，并限制其余文件夾。

點擊下載Essential Studio for ASP.NET Core試用版

對文件進行排序

只需單擊列標題，即可按升序或降序對文件系統中的文件和文件夾進行排序。您還可以根據名稱、創建日期、大小等對文件和文件夾進行排序。

△ 文件管理器中的文件排序

圖像預覽

您可以通過雙擊來預覽圖像，從而在對話框窗口中打開圖像。可以通過調整對話框的大小來放大預覽的圖像。

△ 文件管理器中的圖像預覽選項

布局定制

文件管理器允許您根據需要自定義布局。

△ 文件管理器中的自定義布局

即將推出的功能

在即將發布的版本中，您可以期望文件管理器控件中具有以下功能：

• 虛擬滾動

• 分頁

想要獲得NET Core更多資源的伙伴，請點這里，想要獲得NET MVC更多資源的伙伴，請點這里。 想要獲取NET Core、NET MVC正版授權的伙伴，