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

△ JavaScript文件管理器控件

Essential JS 2套件具有大量控件，這些控件具有通用Web標(biāo)準(zhǔn)和功能，如Web可訪問(wèn)性、從右到左呈現(xiàn)、鍵盤(pán)交互、模塊化架構(gòu)和響應(yīng)性，以及具有觸摸友好的輕量級(jí)ui。。現(xiàn)在，文件管理器包含在此套件中，包含所有常見(jiàn)的JS 2功能以及特定于控件的功能。

本文將介紹新的文件管理器控件、UI設(shè)計(jì)、可用功能以及它支持的平臺(tái)。

支持的平臺(tái)

以下平臺(tái)支持文件管理器控制：

• Blazor

• NET Core

• NET MVC

• Angular

• React

• Vue

文件管理器UI設(shè)計(jì)

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

△ 文件管理器UI設(shè)計(jì)

工具欄選項(xiàng)

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

左側(cè)樹(shù)視圖導(dǎo)航

從根文件目錄中，文件以樹(shù)結(jié)構(gòu)（層次結(jié)構(gòu)）列出，并具有Windows文件資源管理器中的展開(kāi)和折疊選項(xiàng)。這用作快速訪問(wèn)嵌套級(jí)別中的文件。

快速訪問(wèn)菜單

這是一個(gè)上下文菜單選項(xiàng)，用于執(zhí)行右鍵單擊文件文件數(shù)據(jù)視圖的操作。

布局

文件和文件夾顯示在詳細(xì)信息視圖或大圖標(biāo)視圖中，以便快速管理。

△ 文件管理器與詳細(xì)信息視圖

△ 文件管理器與大圖標(biāo)視圖

自適應(yīng)設(shè)計(jì)

文件管理器控件旨在通過(guò)其響應(yīng)和自適應(yīng)布局設(shè)計(jì)在所有設(shè)備中輕松交互。在小型設(shè)備中，文件管理器通過(guò)更改其UI來(lái)實(shí)現(xiàn)無(wú)障礙交互。

點(diǎn)擊下載Essential Studio for ASP.NET MVC試用版

現(xiàn)有功能

文件管理器控件的功能使用80/20規(guī)則實(shí)現(xiàn)。這將涵蓋有效管理Web瀏覽器中的文件系統(tǒng)的主要業(yè)務(wù)需求。以下是文件管理器中可用的功能：

• 文件操作

• 多項(xiàng)選擇

• 文件系統(tǒng)提供商

• 拖放文件

• 文件訪問(wèn)控制

• 排序

• 圖像預(yù)覽

• 布局定制

文件操作

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

多項(xiàng)選擇

文件管理器允許您選擇多個(gè)文件以執(zhí)行適用的文件操作。

△ 在文件管理器中選擇多個(gè)文件

文件系統(tǒng)提供商

內(nèi)置的文件系統(tǒng)提供程序?qū)椭p松管理這些流行的云和數(shù)據(jù)庫(kù)文件系統(tǒng)：

• 物理文件系統(tǒng)提供者

• Azure文件系統(tǒng)提供程序

• Google云端硬盤(pán)文件系統(tǒng)提供商

• SQL Server數(shù)據(jù)庫(kù)文件系統(tǒng)提供程序

• Node JS文件系統(tǒng)提供程序

拖放文件

拖放支持允許您通過(guò)拖放將文件夾和文件從一個(gè)文件夾移動(dòng)到另一個(gè)文件夾。

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

文件訪問(wèn)控制

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

這些訪問(wèn)規(guī)則在服務(wù)器端驗(yàn)證，因此更安全。

△ 文件管理器中應(yīng)用的訪問(wèn)規(guī)則

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

點(diǎn)擊下載Essential Studio for ASP.NET Core試用版

對(duì)文件進(jìn)行排序

只需單擊列標(biāo)題，即可按升序或降序?qū)ξ募到y(tǒng)中的文件和文件夾進(jìn)行排序。您還可以根據(jù)名稱、創(chuàng)建日期、大小等對(duì)文件和文件夾進(jìn)行排序。

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

圖像預(yù)覽

您可以通過(guò)雙擊來(lái)預(yù)覽圖像，從而在對(duì)話框窗口中打開(kāi)圖像。可以通過(guò)調(diào)整對(duì)話框的大小來(lái)放大預(yù)覽的圖像。

△ 文件管理器中的圖像預(yù)覽選項(xiàng)

布局定制

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

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

即將推出的功能

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

• 虛擬滾動(dòng)

• 分頁(yè)

想要獲得NET Core更多資源的伙伴，請(qǐng)點(diǎn)這里，想要獲得NET MVC更多資源的伙伴，請(qǐng)點(diǎn)這里。 想要獲取NET Core、NET MVC正版授權(quán)的伙伴，