是否可以在没有 API 的情况下使用 DxUpload（在 DevExpress Blazor 中）？

Question

我在我的Blazor Server App项目中使用DevExpress组件。 我想使用DxUpload组件将一个 excel 文件上传到服务器，并对数据库进行一些批量插入操作。 文档说我需要创建一个WEB API项目。 当我的项目是Blazor Server App时，我是否必须使用单独的WEB API ？

Answer 1

我认为这个解决方案实际上比 DevExpress 希望您如何使用他们的组件更像是一个 hack。 但是，您可以通过公开的SelectedFilesChanged事件捕获文件上传，然后自己手动处理文件。

<DxUpload UploadMode=UploadMode.OnButtonClick
          SelectedFilesChanged="@SelectedFilesChanged"
          AllowMultiFileUpload="true" 
          @ref="MyUpload" >
</DxUpload>

<DxButton Text="Upload the First File" Click=OnButtonClick />

@code {
    private string FileServerPath => "\\\\server-02\\DATA\\";
    bool UploadVisible { get; set; } = false;
    IEnumerable<UploadFileInfo> Files { get; set; }
    UploadFileInfo FirstFile { get; set; }
    DxUpload MyUpload { get; set; }

    protected void SelectedFilesChanged(IEnumerable<UploadFileInfo> files) {
        Files = files;
        UploadVisible = files.ToList().Count > 0;

        InvokeAsync(StateHasChanged);
    }

    protected async Task OnButtonClick(){
         selectedFile= Files.First();
         Stream stream = selectedFile.OpenReadStream(maxAllowedSize: 50000000);
         FileStream fs = File.Create(FileServerPath + selectedFile.Name));
         await stream.CopyToAsync(fs);
         stream.Close();
         fs.Close();
    }
    StateHasChanged();
}

显然， OnButtonClick方法需要针对可空性、使用语句、在集合中选择适当的文件等进行重构。 但这应该为您指明正确的方向。