Blazor File System Access 文件系統(tǒng)訪問 組件Web 應(yīng)用程序與用戶本地設(shè)備上的文件進(jìn)行交互【Blazor組件自做十一 : File System Access 文件系統(tǒng)訪問 組件】File System Access API（以前稱為 Native File System API，在此之前稱為 Writeable Files API）使開發(fā)人員能夠構(gòu)建強(qiáng)大的 Web 應(yīng)用程序，與用戶本地設(shè)備上的文件進(jìn)行交互，例如 IDE、照片和視頻編輯器、文本編輯器等 。用戶授予 Web 應(yīng)用訪問權(quán)限后，此 API 允許他們直接讀取或保存對用戶設(shè)備上文件和文件夾的更改 。除了讀取和寫入文件之外，文件系統(tǒng)訪問 API 還提供打開目錄和枚舉其內(nèi)容的能力 。
瀏覽器支持：
chrome 86 | firfox × | edge 86 | safari ×
Windows、macOS、ChromeOS 和 Linux 上的大多數(shù) Chromium 瀏覽器目前都支持文件系統(tǒng)訪問 API
示例:
https://blazor.app1.es/FileSystem
使用方法:
1.nuget包
BootstrapBlazor.FileSystem
2._Imports.razor 文件 或者頁面添加 添加組件庫引用
@using BootstrapBlazor.Components
3.razor頁面
<FileSystem OnError="@OnError" />@code{private string message;private Task OnError(string message){this.message = message;StateHasChanged();return Task.CompletedTask;}}演示地址 https://blazor.app1.es/filesystems
文章插圖
使用方法
- 新建/打開文本文件
- 打開目錄瀏覽
經(jīng)驗總結(jié)擴(kuò)展閱讀
- Vue3 SFC 和 TSX 方式調(diào)用子組件中的函數(shù)
- 從0搭建vue3組件庫:Shake抖動組件
- 聊一聊被 .NET程序員 遺忘的 COM 組件
- 跨平臺客戶端Blazor方案嘗試
- 上 學(xué)習(xí)ASP.NET Core Blazor編程系列六——新增圖書
- vue2使用組件進(jìn)行父子互相傳值的sync語法糖方法和原生方法
- Vu3.x如何給v-for循環(huán)出來的輸入框綁定v-mode的值，以及實現(xiàn)父子組件傳值、雙向綁定
- Bing 廣告平臺遷移到 .net6
- vue3的Async Components異步組件
- 學(xué)習(xí)ASP.NET Core Blazor編程系列五——列表頁面