如何在等待图表图像ActionResult返回图表时显示加载文本和/或图形

本文关键字:文本 加载 图形 显示 返回 在等待 图像 ActionResult | 更新日期: 2023-09-27 18:17:59

我有以下视图:

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@{
    ViewBag.Title = "CreatedIndicator";
}
<h2>Created Indicator</h2>
<img src="@Url.Action("MyChart")" alt="SimpleChart" />

中使用MyChart ActionResult创建图像,返回System.Web.Helpers图:

// Chart data setting from SQL getting
.GetBytes("png");
return File(testChart, "image/png");

因为所有的查询都是在后台进行的,所以有些情况下,在页面的其余部分加载后,图像可能需要5秒以上的时间才能出现在页面上。

我想知道是否有可能显示某种UI来指示图表正在构建,直到它加载,如果是这样,如何做到这一点。

如何在等待图表图像ActionResult返回图表时显示加载文本和/或图形

HTML img标签具有onload事件,可以处理该事件来隐藏等待的文本/图形