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编程系列五——列表页面