c# - 图像上传卡在 Blazor 服务器和 BlazorInputFile

Question

使用 blazor 服务器将图像上传到应用程序时出现问题。

我目前正在使用BlazorInputFile，因为我使用的是.Net Core 3.1

当我尝试上传一系列图像（约 500 kb 大小的 100 张图像）时，上传被中断并且图像被损坏。当上传目标文件夹中的图片中断时，总是这样：

所以这是我上传图片的代码：

<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);
        }
    }
}

标签： c#.net-coreblazorblazor-server-sideblazorinputfile