Blazor Read Excel File in C# Using IronXL (Example Tutorial)

介紹

Blazor是由Microsoft建立的開源.NET Web框架。 Blazor應用程式透過將C#程式碼編譯為符合瀏覽器的JavaScript和HTML來運作。 在此教程中，我將分享如何在Blazor伺服器端應用程式中使用IronXL C#程式庫輕鬆讀取Excel文档/工作表的最佳方法。

步驟1 - 在Visual Studio中建立Blazor專案

我有一個包含以下資料的XLSX文件，我將其讀取並在Blazor伺服器應用程式中打開：

輸入XLSX Excel工作表	Blazor伺服器瀏覽器中的結果
名 姓 ID John Applesmith 1 Richard Smith 2 Sherry Robins 3

首先從Visual Studio IDE中建立一個Blazor專案：

選擇Blazor Server App專案型別：

繼續運行應用程式而不改變解決方案，使用F5鍵。 導航到應用程式的Fetch data標籤，如下所示：

我們的目標將是通過上傳按鈕將Excel文件載入Blazor應用程式，然後將其顯示在此頁面上。

步驟2 - 將IronXL新增到您的解決方案中

Install-Package IronXL.Excel

選擇2B - 在csproj文件中新增PackageReference

您可以通過在您的解決方案的<ItemGroup>中新增以下行來將IronXL直接新增到您的專案中：

<PackageReference Include="IronXL.Excel" Version="*" />

<PackageReference Include="IronXL.Excel" Version="*" />

XML

如在Visual Studio中所示：

步驟3 - 編寫文件上傳和視圖的程式碼

在Visual Studio解決方案視圖中，前往FetchData.razor文件。您可以使用任何其他razor文件，但我們將使用這個，因為它是Blazor伺服器應用程式範本自帶的。

用以下程式碼替換文件內容：

@using IronXL;
@using System.Data;

@page "/fetchdata"

<PageTitle>Excel File Viewer</PageTitle>

<h1>Open Excel File to View</h1>

<InputFile OnChange="@OpenExcelFileFromDisk" />

<table>
    <thead>
        <tr>
            @foreach (DataColumn column in displayDataTable.Columns)
            {
                <th>
                    @column.ColumnName
                </th>
            }
        </tr>
    </thead>
    <tbody>
        @foreach (DataRow row in displayDataTable.Rows)
        {
            <tr>
                @foreach (DataColumn column in displayDataTable.Columns)
                {
                    <td>
                        @row[column.ColumnName].ToString()
                    </td>
                }
            </tr>
        }
    </tbody>
</table>

@code {
    // Create a DataTable instance
    private DataTable displayDataTable = new DataTable();

    // This method is triggered when a file is uploaded
    async Task OpenExcelFileFromDisk(InputFileChangeEventArgs e)
    {
        IronXL.License.LicenseKey = "PASTE TRIAL OR LICENSE KEY";

        // Load the uploaded file into a MemoryStream
        MemoryStream ms = new MemoryStream();

        await e.File.OpenReadStream().CopyToAsync(ms);
        ms.Position = 0;

        // Create an IronXL workbook from the MemoryStream
        WorkBook loadedWorkBook = WorkBook.FromStream(ms);
        WorkSheet loadedWorkSheet = loadedWorkBook.DefaultWorkSheet; // Or use .GetWorkSheet()

        // Add header Columns to the DataTable
        RangeRow headerRow = loadedWorkSheet.GetRow(0);
        for (int col = 0; col < loadedWorkSheet.ColumnCount; col++)
        {
            displayDataTable.Columns.Add(headerRow.ElementAt(col).ToString());
        }

        // Populate the DataTable with data from the Excel sheet
        for (int row = 1; row < loadedWorkSheet.RowCount; row++)
        {
            IEnumerable<string> excelRow = loadedWorkSheet.GetRow(row).ToArray().Select(c => c.ToString());
            displayDataTable.Rows.Add(excelRow.ToArray());
        }
    }
}

總結

<InputFile>元件允許您在此網頁上上傳文件。 我們將調用的事件回調設置為@code塊中的異步方法。 HTML將您的Excel工作表作為表格在標籤上渲染。

IronXL.Excel是一個獨立的.NET軟體程式庫，用於讀取各種試算表格式。 它不需要安裝Microsoft Excel，並且不依賴於Interop。

---

進一步閱讀

查看API參考

探索IronXL的API參考，概述了IronXL的所有功能、命名空間、類別、方法、字段和枚舉的詳細資訊。

查看API參考

下載軟體產品。