Blazor組件自做十一 : File System Access 文件系統訪問 組件

  • 2022 年 10 月 21 日
  • 筆記

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

示例:

//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;
    }

}

演示地址 //blazor.app1.es/filesystems

使用方法

  1. 新建/打開文本文件

  2. 打開目錄瀏覽

VirMach 便宜 VPS

QNews

QNews