将文件上传器绑定到 Blazor 中的模型

Question

Blazor 中的绑定文件上传器无法与 razor 组件中的 @bind 属性一起使用

当表单使用两种方式绑定参数提交时，我已经构建了模型，它适用于除文件上传器之外的标准组件，

我不知道绑定文件上传器的参数类型是什么

这是我的提交功能

 protected async Task OnSubmit()
        {
...
            error = null;
            try
            {
          ...
//nikImagewas my intention to 'hold' the file image. its type is IFormFile
                customer.NIKImage = nikImage;
                var response = await _state.PostAsync(WebsVariables.Urls.CreateCustomerDraftObject, customer);
                if (response.IsSuccessStatusCode)
                {
                  ...
                }
                else
                {
                    var msg = await response.Content.ReadAsStringAsync();
                    _toastService.ShowError(msg);
                }
                //clear();

                this.StateHasChanged();
            }
            catch (Exception ex)
            {
                error = ex.Message;
            }
        }

当我尝试时，nikImage 为空我希望我可以在将文件发布到我的 Web API 之前对其进行操作

Answer 1

您的代码含糊不清，无法真正解密。 但是，我认为您不能在客户端Blazor上使用IFromFile。 您可以在服务器端Blazor中使用IFormFile。

如果要从<input type=file>获取该数据，则必须通过诸如使用JS interop 通过input type = file获取字节数组之类的方法来获取二进制数据。

样品

https://github.com/aspnet/AspNetCore/issues/10552 https://remibou.github.io/Upload-file-with-Blazor/

希望这可以帮助...

Answer 2

thx的信息

我已经找到了该链接，并且似乎做错了所有东西，因为我找不到有关上传的任何最新工作示例，因此我使用的是syncfusion uploader文件，但由于默认的signalR消息大小为32KB，因此需要进行一些调整，因此它可以上传较大的文件（需要3天的时间才能上传）

services.AddSignalR(e =>
{
    e.MaximumReceiveMessageSize = 5000000;
});

这些https://github.com/aspnet/AspNetCore/issues/11643的答案