如何将数据从控制器传递到 Blazor 上的视图？

Question

我尝试使用 Blazor（服务器端）创建一个项目并将视图创建为 .razor，并且还添加了控制器。如何将数据从控制器传递到视图 .razor ？

我想我可以在控制器中创建一个公共变量，这将是控制器和.razor 的交互。但我不知道代码

I want get var u to the view

//Controller

[HttpPost("[action]")]

public void Save(IList<IFormFile> UploadFiles)

{

    var u = UploadFiles.FirstOrDefault().FileName;

    long size = 0;

    size = SaveUploadedFiles(UploadFiles, size);

}

//View

<EjsUploader ID="UploadFiles">

  <UploaderAsyncSettings SaveUrl="api/Save" RemoveUrl="api/Remove"></UploaderAsyncSettings>

</EjsUploader>

Answer 1

此处支持同步融合。您可以使用“Headers”或“ReasonPhrase”将数据从控制器传递到成功事件中的视图，如下面的代码示例中所述。[示例数据控制器.cs]public void Save(IList<IFormFile> UploadFiles)        {            long size = 0;            try            {                foreach (var file in UploadFiles)                {                    var filename = ContentDispositionHeaderValue                                        .Parse(file.ContentDisposition)                                        .FileName                                        .Trim('"');                    filename = hostingEnv.ContentRootPath.Replace("WebApplication6.Server", "WebApplication6.Client") + $@"\{filename}";                    size += (int)file.Length;                    if (!System.IO.File.Exists(filename))                    {                        using (FileStream fs = System.IO.File.Create(filename))                        {                            file.CopyTo(fs);                            fs.Flush();                        }                    }                }                Response.Headers.Add("custom-header", "Syncfusion");                Response.HttpContext.Features.Get<IHttpResponseFeature>().ReasonPhrase = "Syncfusion Upload";            }            catch (Exception e)            {                Response.Clear();                Response.StatusCode = 204;                Response.HttpContext.Features.Get<IHttpResponseFeature>().ReasonPhrase = "File failed to upload";                Response.HttpContext.Features.Get<IHttpResponseFeature>().ReasonPhrase = e.Message;            }        }[索引.剃刀]@using Newtonsoft.Json;@using Newtonsoft.Json.Converters;<EjsUploader Id="UploadFiles" AutoUpload="true" Success="@OnSuccess">    <UploaderAsyncSettings SaveUrl="api/SampleData/Save" RemoveUrl="api/SampleData/Remove"></UploaderAsyncSettings></EjsUploader><p>Additional Header Text is: @HeaderData</p><p>Additional Response Data is: @ResponseData</p>@code{public string HeaderData;public string ResponseData;public void OnSuccess(object args){    SuccessEventArgs eventArgs = JsonConvert.DeserializeObject<SuccessEventArgs>(args.ToString());    HeaderData = eventArgs.Response.Headers;    ResponseData = eventArgs.Response.StatusText;    this.StateHasChanged();}//Success event args class.public class SuccessEventArgs{    public object E { get; set; }    public FileInfo File { get; set; }    public string StatusText { get; set; }    public string Name { get; set; }    public string Operation { get; set; }    public ResponseEventArgs Response { get; set; }}public class ResponseEventArgs{    public string Headers { get; set; }    public object ReadyState { get; set; }    public object StatusCode { get; set; }    public string StatusText { get; set; }    public bool withCredentials { get; set; }}}And, you need to enable the allow header option in the Startup.cs file as mentioned in the below code example.  public void ConfigureServices(IServiceCollection services)        {            services.AddMvc().AddNewtonsoftJson();            services.AddResponseCompression(opts =>            {                opts.MimeTypes = ResponseCompressionDefaults.MimeTypes.Concat(                    new[] { "application/octet-stream" });            });            services.AddCors(options =>            {                options.AddPolicy("EnableCORS", builder =>                {                    builder.AllowAnyOrigin().AllowAnyOrigin().AllowAnyHeader().AllowAnyMethod().AllowCredentials().Build();                });            });        }