blazor - 使用 BlazorInputFile 将文件类型限制为 txt

Question

我正在使用 BlazorInputFile，但无法弄清楚如何过滤我的文件类型以仅接受 txt 文件

async Task HandleSelection(BlazorInputFile.IFileListEntry[] files)
{
    try
    {
        var file = files.FirstOrDefault();
        if (file != null)
        {
            if (file.Type != "application/text")
            {
                PopupModel = new PopupModel
                {
                    Message = "Please select .txt file.",
                    MessageType = MessageType.Info,
                    Show = true
                };
                return;
            }

Answer 1

您可以像使用 HTML 文件输入一样在客户端过滤它。

<InputFile accept=".txt" OnChange="HandleFileUpload"></InputFile>

注意：您对什么是可接受的文件的想法与 Chrome 或 Firefox 的想法不保证相同。根据您对文件所做的操作，您可能希望以编程方式检查它——例如，如果您的文本文件包含查询字符串或 html 标记或其他内容。