图片上传卡在 Blazor 服务器和 BlazorInputFile 上

Lor*_*nti 5 c# .net-core blazor blazor-server-side blazorinputfile

我在使用 blazor 服务器将图像上传到应用程序时遇到问题。

我目前正在使用,BlazorInputFile因为我正在使用.Net Core 3.1

当我尝试上传一系列图像(100 张大约 500 kb 大小的图像)时,上传会中断并且图像会损坏。当上传目标文件夹中的图片中断时,总是这样:

当上传目标文件夹中的图像中断时,总是这样

这是我上传图像的代码:

<InputFile id="fileInput112" OnChange="SelectFiles" hidden multiple accept=".jpg, .jpeg, .png" />

@code{

    private async void SelectFiles(IFileListEntry[] files)
    {
        var folderProductImage = "images/products/";
        
        foreach (var item in files)
        {
            await Task.Run(() => UploadProductImage(item, folderProductImage));
        }
    }
    
    private async Task UploadProductImage(IFileListEntry item, string destDirName)
    {
        string fileUploadPath = Path.Combine(destDirName, item.Name);
        
        using (FileStream writer = new FileStream(fileUploadPath, FileMode.Create, FileAccess.ReadWrite))
        {
            await item.Data.CopyToAsync(writer);
        }
    }
}
Run Code Online (Sandbox Code Playgroud)