如何在等待圖表圖像時顯示加載文本和/或圖形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事件，可以處理該事件以隱藏等待的文本/圖形。