如何使用.NET 5在Blazor中上传文件

dotnet new blazorwasm -n MyFileUploadApp

@page "/fileupload"
@using System.IO

<h3>文件上传</h3>

<InputFile OnChange="HandleFileSelected" />

@if (file != null)
{
    <p>已选择文件: @file.Name</p>
    <button class="btn btn-primary" @onclick="UploadFile">上传文件</button>
}

@code {
    private IBrowserFile file;

    private async Task HandleFileSelected(InputFileChangeEventArgs e)
    {
        file = e.File;
    }

    private async Task UploadFile()
    {
        if (file != null)
        {
            // 执行文件上传操作，可以使用HttpClient或其他适当的方式
            // 这里只是一个示例，需要根据实际情况进行修改
            using (var stream = file.OpenReadStream())
            {
                var buffer = new byte[file.Size];
                await stream.ReadAsync(buffer, 0, (int)file.Size);

                // 在此处执行上传操作，例如将文件保存到服务器或存储在云存储中
                // 可以使用腾讯云对象存储（COS）等相关产品进行存储
                // 上传成功后，可以返回文件的URL或其他标识符
            }
        }
    }
}

public void ConfigureServices(IServiceCollection services)
{
    // 其他配置...

    services.Configure<IISServerOptions>(options =>
    {
        options.MaxRequestBodySize = int.MaxValue; // 设置最大请求体大小
    });
}

dotnet run