C# 需要关于使用Blazor和使用扩展方法的状态更新UI的指导吗

我正在使用混合Blazor应用程序创建一个批量图像处理应用程序。当用户上传一组图像时，会触发一系列方法将其调整为各种分辨率并优化它们

随着这些调整和优化的进展，我想实时/持续地更新UI

使用此方法返回的模型数据更新Blazor UI的一般语法是什么？到目前为止，我看到的所有示例都没有显示使用服务器端执行的代码更新UI

更新：

这是我的HTML页面：

<div class="container-fluid">
    <h2>Upload</h2>
    <form id="UploadForm" method="post" enctype="multipart/form-data" asp-controller="Home" asp-action="Upload" asp-antiforgery="false" autocomplete="off" novalidate="novalidate">
        <div class="dropzone" id="DropzoneArea"></div>
        <div class="dropzone-fallback" style="display: none;">
            <label id="FilesLabel" for="Files" class="sr-only">Files</label>
            <input type="file" id="Files" name="files" required multiple class="w-100" placeholder="File to optimize..." data-validation-require="Please select a file to squeeze and slice!" />
        </div>
        <button id="UploadButton" type="button" class="btn btn-primary dropzone-upload">Upload</button>
    </form>
</div>
<div class="container-fluid">
    <ul id="statusList"></ul>
</div>

---

你确定这是关于布拉佐的吗？您似乎正在导航到主/上载mvc页面。它正在发布到mvc端点。在这些方法执行时，我希望在不重新加载页面的情况下异步更新原始页面的UI。它不需要是Blazor，只是从市场营销的角度来看，它似乎有能力做类似的事情。

private bool InitializeProcessing(List<IFormFile> files) 
{
    Parallel.ForEach(files.Where(f => f.ContentType.Contains("jpeg") || f.ContentType.Contains("png")), file =>
    {
        List<ImageModel> imageList = ImageRequestExtensions.GetImageModelList(file);
        List<ProcessedImageModel> processedImageList = ImageRequestExtensions.GetProcessedImageModelList(imageList, cache);
    });
    return true;
}

public static List<ProcessedImageModel> GetProcessedImageModelList(List<ImageModel> input, IMemoryCache cache)
{
    List<ProcessedImageModel> outputList = new List<ProcessedImageModel>();
    foreach (ImageModel image in input)
    {
        List<ProcessedImageModel> processedImageList = ImageManipulationExtensions.Process(image, cache);
        outputList.AddRange(processedImageList);
// WANT TO UPDATE UI HERE
    }
    return outputList;
}