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

Question

我有以下观点：

@{ 
    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来指示图表正在构建，直到它加载，如果是的话，如何去做。

Answer 1

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