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