asp.net-core - 文件上传一直显示“未选择文件”

Question

我有一个使用 BlazorInputFile 的简单文件上传。我可以添加一个文件，它会点击我指定的 onChange 函数，但是文件的名称永远不会出现在屏幕上，当我提交表单时，它说它是空的。

表格：

       <EditForm Model="@Item" OnValidSubmit="@SubmitForm">
            <DataAnnotationsValidator />
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>File</label>
                            <InputFile OnChange="LoadFile"/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-success">Save changes</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal" @onclick="() => Close()">Close</button>
            </div>
            <ValidationSummary />
        </EditForm>

@code {
public FormItem Item = new FormItem();

private IFileListEntry UploadedFile;

// So on change it gets in here and I can see that we have a item uploaded
private async Task LoadFile(IFileListEntry[] files)
{
    if (files.Count() != 0)
    {
        UploadedFile = files.FirstOrDefault();
    }

    this.StateHasChanged();
}

protected async Task SubmitForm(EditContext editContext)
{

}
}

该类Item有一个属性：

    [Required]
    public IFileListEntry File { get; set; }

我已经看到这可能是 BlazorInputFile 组件本身的问题，但我想知道是否有其他人遇到过这个问题？

当前使用 ASP.Net Core 3.1 运行 Blazor

标签： asp.net-coreblazorblazorinputfile

Answer 1

我认为问题来自项目版本，因为本文档说 blazorInputFile适用于版本 5，但您的是 3.1